diff --git a/dist/editor.js b/dist/editor.js
index 3822d2fc2..7d40d9f60 100644
--- a/dist/editor.js
+++ b/dist/editor.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,"randomNumber",(function(){return m})),n.d(r,"randomByCount",(function(){return g})),n.d(r,"random",(function(){return w})),n.d(r,"randomRGBA",(function(){return O}));var o={};n.r(o),n.d(o,"debounce",(function(){return _})),n.d(o,"throttle",(function(){return C})),n.d(o,"keyEach",(function(){return T})),n.d(o,"keyMap",(function(){return D})),n.d(o,"keyMapJoin",(function(){return A})),n.d(o,"get",(function(){return I})),n.d(o,"defaultValue",(function(){return V})),n.d(o,"isUndefined",(function(){return M})),n.d(o,"isNotUndefined",(function(){return L})),n.d(o,"isArray",(function(){return B})),n.d(o,"isBoolean",(function(){return z})),n.d(o,"isString",(function(){return F})),n.d(o,"isNotString",(function(){return G})),n.d(o,"isObject",(function(){return H})),n.d(o,"isFunction",(function(){return X})),n.d(o,"isNumber",(function(){return Y})),n.d(o,"clone",(function(){return N})),n.d(o,"cleanObject",(function(){return K})),n.d(o,"combineKeyArray",(function(){return U})),n.d(o,"repeat",(function(){return W})),n.d(o,"randomItem",(function(){return Z})),n.d(o,"html",(function(){return J})),n.d(o,"CSS_TO_STRING",(function(){return Q})),n.d(o,"STRING_TO_CSS",(function(){return tt})),n.d(o,"OBJECT_TO_PROPERTY",(function(){return et})),n.d(o,"OBJECT_TO_CLASS",(function(){return nt})),n.d(o,"TAG_TO_STRING",(function(){return rt})),n.d(o,"mapjoin",(function(){return ot}));var i={};n.r(i),n.d(i,"format",(function(){return it})),n.d(i,"hex",(function(){return at})),n.d(i,"rgb",(function(){return ct})),n.d(i,"hsl",(function(){return ut}));var a={};n.r(a),n.d(a,"round",(function(){return ft})),n.d(a,"degreeToRadian",(function(){return pt})),n.d(a,"div",(function(){return yt})),n.d(a,"radianToDegree",(function(){return ht})),n.d(a,"getXInCircle",(function(){return dt})),n.d(a,"getYInCircle",(function(){return vt})),n.d(a,"getXYInCircle",(function(){return bt})),n.d(a,"getDist",(function(){return mt})),n.d(a,"calculateAngle",(function(){return gt})),n.d(a,"calculateAngleByPoints",(function(){return wt})),n.d(a,"calculateAnglePointDistance",(function(){return Ot})),n.d(a,"calculateAngle360",(function(){return kt})),n.d(a,"uuid",(function(){return jt})),n.d(a,"uuidShort",(function(){return Pt})),n.d(a,"cubicBezier",(function(){return Et})),n.d(a,"getGradientLine",(function(){return _t})),n.d(a,"CCW",(function(){return Ct})),n.d(a,"incircle",(function(){return Tt})),n.d(a,"initPolygon",(function(){return Dt})),n.d(a,"Deluanay",(function(){return It})),n.d(a,"generate_sample_points",(function(){return Vt})),n.d(a,"getCenterInTriangle",(function(){return Mt})),n.d(a,"normalize",(function(){return Bt}));var c={};n.r(c),n.d(c,"ReverseXyz",(function(){return zt})),n.d(c,"ReverseRGB",(function(){return Ft})),n.d(c,"XYZtoRGB",(function(){return Gt})),n.d(c,"LABtoXYZ",(function(){return Ht})),n.d(c,"PivotXyz",(function(){return Xt})),n.d(c,"XYZtoLAB",(function(){return Yt})),n.d(c,"LABtoRGB",(function(){return Nt}));var u={};n.r(u),n.d(u,"RGBtoHSV",(function(){return Kt})),n.d(u,"RGBtoCMYK",(function(){return Ut})),n.d(u,"RGBtoHSL",(function(){return Wt})),n.d(u,"c",(function(){return Zt})),n.d(u,"gray",(function(){return qt})),n.d(u,"RGBtoSimpleGray",(function(){return Jt})),n.d(u,"RGBtoGray",(function(){return Qt})),n.d(u,"brightness",(function(){return te})),n.d(u,"RGBtoYCrCb",(function(){return ee})),n.d(u,"PivotRGB",(function(){return ne})),n.d(u,"RGBtoXYZ",(function(){return re})),n.d(u,"RGBtoLAB",(function(){return oe}));var s={};n.r(s),n.d(s,"CMYKtoRGB",(function(){return ie}));var l={};n.r(l),n.d(l,"HSVtoRGB",(function(){return ae})),n.d(l,"HSVtoHSL",(function(){return ce}));var f={};n.r(f),n.d(f,"HUEtoRGB",(function(){return ue})),n.d(f,"HSLtoHSV",(function(){return se})),n.d(f,"HSLtoRGB",(function(){return le}));var p={};n.r(p),n.d(p,"YCrCbtoRGB",(function(){return fe}));var h={};n.r(h),n.d(h,"getColorIndexString",(function(){return we})),n.d(h,"isColor",(function(){return Oe})),n.d(h,"matches",(function(){return ke})),n.d(h,"convertMatches",(function(){return Se})),n.d(h,"convertMatchesArray",(function(){return je})),n.d(h,"reverseMatches",(function(){return Pe})),n.d(h,"trim",(function(){return Re})),n.d(h,"parse",(function(){return $e})),n.d(h,"parseGradient",(function(){return Ee}));var d={};n.r(d),n.d(d,"interpolateRGB",(function(){return _e})),n.d(d,"interpolateRGBObject",(function(){return Ce})),n.d(d,"scale",(function(){return Te})),n.d(d,"blend",(function(){return De})),n.d(d,"mix",(function(){return Ae})),n.d(d,"contrast",(function(){return Ie})),n.d(d,"contrastColor",(function(){return Ve})),n.d(d,"gradient",(function(){return Me})),n.d(d,"scaleHSV",(function(){return Le})),n.d(d,"scaleH",(function(){return Be})),n.d(d,"scaleS",(function(){return ze})),n.d(d,"scaleV",(function(){return Fe}));var v={};n.r(v),n.d(v,"start",(function(){return bp}));var b;n(0);function m(t,e){return Math.floor(Math.random()*(e-t+1))+t}function g(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=w();return e}function w(){return ct({r:m(0,255),g:m(0,255),b:m(0,255)})}function O(){return ct({r:m(0,255),g:m(0,255),b:m(0,255),a:m(0,1e3)/1e3})}function k(t){return function(t){if(Array.isArray(t))return t}(t)||R(t)||P(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function j(t){return function(t){if(Array.isArray(t))return $(t)}(t)||R(t)||P(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(t,e){if(t){if("string"==typeof t)return $(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(t,e):void 0}}function R(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function $(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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 _(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(0===e)return t;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 C(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 T(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function D(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function A(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return D(t,e).join(n)}function I(t,e,n){var r=V(t[e],e);return X(n)?n(r):r}function V(t,e){return void 0===t?e:t}function M(t){return null==t}function L(t){return!1===M(t)}function B(t){return Array.isArray(t)}function z(t){return"boolean"==typeof t}function F(t){return"string"==typeof t}function G(t){return!1===F(t)}function H(t){return"object"==E(t)&&!B(t)&&!Y(t)&&!F(t)&&null!==t}function X(t){return"function"==typeof t}function Y(t){return"number"==typeof t}function N(t){return JSON.parse(JSON.stringify(t))}function K(t){var e={};return Object.keys(t).filter((function(e){return!!t[e]})).forEach((function(n){e[n]=t[n]})),e}function U(t){return Object.keys(t).forEach((function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))})),t}function W(t){return j(Array(t))}function Z(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[m(0,e.length-1)]}var q=(S(b={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},"path",!0),S(b,"polygon",!0),S(b,"polyline",!0),S(b,"use",!0),b),J=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 X(r)&&(r=r()),B(r)||(r=[r]),t+(r=r.join(""))})).join("");return o=o.replace(/\<(\w*)([^\>]*)\/\>/gim,(function(t,e){return q[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))};function Q(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 tt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=k(t.split(n).map((function(t){return t.trim()}))),o=e[0],i=e.slice(1);""!=o&&(r[o]=i.join(n))})),r}function et(t){return Object.keys(t).map((function(e){return"class"===e&&H(t[e])?"".concat(e,'="').concat(nt(t[e]),'"'):z(t[e])||M(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function nt(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function rt(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function ot(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function it(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?at(t):"rgb"==e?ct(t,n):"hsl"==e?ut(t):t}function at(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 ct(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(B(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!M(t))return 1==t.a||M(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 ut(t){return B(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||M(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,")")}var st={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 st.divs(t,st.len(t))},ang:function(t,e){return Math.acos(st.dot(t,e)/(st.len(t)*st.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),y=Math.sin(c),h=u*s*l+-f*p*y,d=f*s*l- -u*p*y,v=u*p*l+f*s*-y,b=u*s*y- -f*p*l;return{x:n*(1-2*(v*v+b*b))+r*(2*(d*v-b*h))+o*(2*(d*b+v*h)),y:n*(2*(d*v+b*h))+r*(1-2*(d*d+b*b))+o*(2*(v*b-d*h)),z:n*(2*(d*b-v*h))+r*(2*(b*v+d*h))+o*(1-2*(d*d+v*v))}}},lt={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:st,addVector:function(t,e){return st.add(t,e)},rotateVector:function(t,e){return st.rotate(t,e)}};function ft(t,e){return e=M(e)?1:e,Math.round(t*e)/e}function pt(t){return t*Math.PI/180}function yt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function ht(t){var e=180*t/Math.PI;return e<0&&(e=360+e),e}function dt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(pt(t))}function vt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(pt(t))}function bt(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:dt(t,e,n),y:vt(t,e,r)}}function mt(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 gt(t,e){return ht(Math.atan2(e,t))}function wt(t,e){return gt(t.x,t.y)-gt(e.x,e.y)}function Ot(t,e,n){var r=gt(t.x-e.x,t.y-e.y);return gt(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function kt(t,e){return(ht(Math.atan2(e,t))+180)%360}var St=/[xy]/g;function jt(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(St,(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 Pt(){var t=(new Date).getTime();return"idxxxxxxx".replace(St,(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 xt=function(t){return 3*t*t*(1-t)},Rt=function(t){return 3*t*(1-t)*(1-t)},$t=function(t){return(1-t)*(1-t)*(1-t)};function Et(t,e,n,r){var o=e,i=r;return function(t){return 1-(o*xt(t)+i*Rt(t)+$t(t))}}function _t(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 Ct(t,e,n){return M(n)?st.cross2d(t,e):st.cross2d(st.sub(e,t),st.sub(n,t))}function Tt(t,e,n,r){var o=Ct(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 Dt(t,e,n){for(var r=st.create(Math.min(e,n),Math.max(e,n)),o=-1,i=0,a=t.length;i<a;i++)if(st.equal(t[i],r)){o=i;break}o>-1?t.splice(o,1):t.push(r)}function At(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function It(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=st.create(-2e9,-2e9),t[e+1]=st.create(2e9,-2e9),t[e+2]=st.create(0,2e9);for(var n=[st.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(f=n[a]){var c=t[f.x],u=t[f.y],s=t[f.z],l=t[r];Tt(c,u,s,l)?(Dt(o,f.x,f.y),Dt(o,f.y,f.z),Dt(o,f.z,f.x),At(i,a,n.length-1),At(n,a,n.length-1),n.pop(),a--):i[a]=!0}}o.forEach((function(e){0===Ct(t[e.x],t[e.y],t[r])||n.push(st.create(e.x,e.y,r))}))}for(r=0;r<n.length;r++){var f;((f=n[r]).x>=e||f.y>=e||f.z>=e)&&(At(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 Vt(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=-n,s=t+n,l=-r,f=e+r,p=u;p<s;p+=o)for(var y=l;y<f;y+=o){var h=Math.floor(p+o/2*(a()*i*2-i)),d=Math.floor(y+o/2*(a()*i*2-i));c[c.length]={x:h,y:d}}return c}function Mt(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var Lt=/[\b\t \,\n]/g;function Bt(t){return t.trim().split(Lt).filter((function(t){return t})).map((function(t){return+t}))}function zt(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function Ft(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function Gt(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;c=Ft(c),u=Ft(u),s=Ft(s);var l=ft(255*c),f=ft(255*u),p=ft(255*s);return{r:l,g:f,b:p}}function Ht(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;o=zt(o);var c=95.047*(i=zt(i)),u=100*o,s=108.883*(a=zt(a));return{x:c,y:u,z:s}}function Xt(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function Yt(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;o=Xt(o);var c=116*(i=Xt(i))-16,u=500*(o-i),s=200*(i-(a=Xt(a)));return{l:c,a:u,b:s}}function Nt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return Gt(Ht(t,e,n))}function Kt(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=Math.min(o,i,a),s=c-u,l=0;0==s?l=0:c==o?l=(i-a)/s%6*60:c==i?l=60*((a-o)/s+2):c==a&&(l=60*((o-i)/s+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:s/c,v:c}}function Ut(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),u=(1-o-c)/(1-c),s=(1-i-c)/(1-c),l=(1-a-c)/(1-c);return{c:u,m:s,y:l,k:c}}function Wt(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:ft(360*o),s:ft(100*i),l:ft(100*u)}}function Zt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return qt((t+e+n)/3>90?0:255)}function qt(t){return{r:t,g:t,b:t}}function Jt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return qt(Math.ceil((t+e+n)/3))}function Qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return qt(ee(t,e,n).y)}function te(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function ee(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=te(t,e,n),i=.564*(n-o),a=.713*(t-o);return{y:o,cr:a,cb:i}}function ne(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function re(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=.4124*(o=ne(o))+.3576*(i=ne(i))+.1805*(a=ne(a)),u=.2126*o+.7152*i+.0722*a,s=.0193*o+.1192*i+.9505*a;return{x:c,y:u,z:s}}function oe(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Yt(re(t,e,n))}function ie(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.c,e=o.m,n=o.y,r=o.k}var i=255*(1-t)*(1-r),a=255*(1-e)*(1-r),c=255*(1-n)*(1-r);return{r:i,g:a,b:c}}function ae(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=t,i=e,a=n;o>=360&&(o=0);var c=i*a,u=c*(1-Math.abs(o/60%2-1)),s=a-c,l=[];return 0<=o&&o<60?l=[c,u,0]:60<=o&&o<120?l=[u,c,0]:120<=o&&o<180?l=[0,c,u]:180<=o&&o<240?l=[0,u,c]:240<=o&&o<300?l=[u,0,c]:300<=o&&o<360&&(l=[c,0,u]),{r:ft(255*(l[0]+s)),g:ft(255*(l[1]+s)),b:ft(255*(l[2]+s))}}function ce(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=ae(t,e,n);return Wt(o.r,o.g,o.b)}function ue(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 se(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o=le(t,e,n);return Kt(o.r,o.g,o.b)}function le(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=ue(u,c,t+1/3),i=ue(u,c,t),a=ue(u,c,t-1/3)}return{r:ft(255*o),g:ft(255*i),b:ft(255*a)}}function fe(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 pe={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)",currentColor:"currentColor"};var ye={isColorName:function(t){return!!pe[t]},getColorByName:function(t){return pe[t]}};function he(t){return function(t){if(Array.isArray(t))return de(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return de(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return de(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function de(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function ve(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function be(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ve(Object(n),!0).forEach((function(e){me(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ve(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function me(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ge=/(#(?:[\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 we(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Oe(t){return!!ke(t).length}function ke(t){var e=t.match(ge),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=ye.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=ke(t);return e.forEach((function(e){t=t.replace(e.color,we(e))})),{str:t,matches:e}}function je(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=Re(t),n.matches[e]&&(t=t.replace(we(n.matches[e]),n.matches[e].color)),t}))}function Pe(t,e){return e.forEach((function(e){t=t.replace(we(e),e.color)})),t}var xe=/^\s+|\s+$/g;function Re(t){return t.replace(xe,"")}function $e(t){if(F(t)){if(ye.isColorName(t)&&(t=ye.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Re(r[e]),10);return i=be(be({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),Wt(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(Re(r[e])):parseInt(Re(r[e]),10);return i=be(be({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),Wt(i))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Re(r[e]));return i=be(be({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),le(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(Re(r[e])):parseInt(Re(r[e]),10);return i=be(be({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),le(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=be(be({},i={type:"hex",r:r[0],g:r[1],b:r[2],a:1}),Wt(i))}}else if(Y(t)){var i;if(0<=t&&t<=16777215)return i=be(be({},i={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),Wt(i));if(0<=t&&t<=4294967295)return i=be(be({},i={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),Wt(i))}return t}function Ee(t){F(t)&&(t=je(t));var e=(t=t.map((function(t){if(F(t)){var e=Se(t),n=Re(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]=Pe(n[0],e.matches),n}if(Array.isArray(t))return t[1]?F(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",he(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 _e(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=Ce(t,e,n);return it(o,o.a<1?"rgb":r)}function Ce(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;return{r:ft(t.r+(e.r-t.r)*n),g:ft(t.g+(e.g-t.g)*n),b:ft(t.b+(e.b-t.b)*n),a:ft(t.a+(e.a-t.a)*n,100)}}function Te(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];F(t)&&(t=je(t));for(var n=(t=t||[]).length,r=[],o=0;o<n-1;o++)for(var i=0;i<e;i++)r.push(De(t[o],t[o+1],i/e));return r}function De(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=$e(t),i=$e(e);return _e(o,i,n,r)}function Ae(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 De(t,e,n,r)}function Ie(t){return t=$e(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function Ve(t){return Ie(t)>=128?"black":"white"}function Me(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=Ee(t)).length-1),o=r,i=1,a=t.length;i<a;i++){var c=t[i-1][0],u=t[i][0],s=1==i?t[i][1]:t[i][1]-t[i-1][1],l=i==t.length-1?o:Math.floor(s*r);n=n.concat(Te([c,u],l),[u]),o-=l}return n}function Le(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=$e(t),u=Kt(c),s=(i-o)*a/n,l=[],f=1;f<=n;f++)u[e]=Math.abs((a-s*f)/a),l.push(it(ae(u),r));return l}function Be(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return Le(t,"h",e,n,r,o,1)}function ze(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Le(t,"s",e,n,r,o,100)}function Fe(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Le(t,"v",e,n,r,o,100)}function Ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function He(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ge(Object(n),!0).forEach((function(e){Xe(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ge(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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}Te.parula=function(t){return Te(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},Te.jet=function(t){return Te(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},Te.hsv=function(t){return Te(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},Te.hot=function(t){return Te(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},Te.pink=function(t){return Te(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},Te.bone=function(t){return Te(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},Te.copper=function(t){return Te(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var Ye=He(He(He(He(He(He(He(He(He(He(He(He({},r),i),a),d),h),p),u),s),l),f),c),o),Ne=[{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=Ne.length;t<e;t++){var n=Ne[t],r=Ye.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var Ke={colors:Ne,checkHueColor:function(t){for(var e,n,r=0;r<Ne.length;r++)if(Ne[r].start>=t){e=Ne[r-1],n=Ne[r];break}return e&&n?Ye.interpolateRGB(e,n,(t-e.start)/(n.start-e.start)):Ne[0].rgb}};function Ue(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return We(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return We(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return a=t.done,t},e:function(t){c=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}function We(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ze(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qe(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ze(Object(n),!0).forEach((function(e){Je(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ze(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Je(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Qe=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)};function tn(t){var e,n={},r=Ue(t);try{for(r.s();!(e=r.n()).done;){var o=e.value;n[o.name]=o.value}}catch(t){r.e(t)}finally{r.f()}return n}function en(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){!function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=qe(qe({},e),n);Object.keys(r).forEach((function(r){Qe(t,r,e[r],n[r])}))}(e,tn(n.attributes),tn(e.attributes));var o=nn(e),i=nn(n),a=Math.max(o.length,i.length);for(r=0;r<a;r++)en(e,o[r],i[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,u}var nn=function(t){var e=t.firstElementChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextElementSibling}while(e);return n};function rn(t,e){t=t.el||t,e=e.el||e;for(var n=nn(t),r=nn(e),o=Math.max(n.length,r.length),i=0;i<o;i++)en(t,n[i],r[i],i)}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 an(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var cn={center:50,top:0,left:0,right:100,bottom:100},un=function t(){an(this,t)};un.CENTER="center",un.TOP="top",un.RIGHT="right",un.LEFT="left",un.BOTTOM="bottom";var sn=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,ln=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(an(this,t),this.value=e,Y(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 Y(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 L(cn[this.value])?t.percent(cn[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){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(ft(this.value,e),this.unit)}},{key:"floor",value:function(){return new t(Math.floor(this.value),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}},{key:"clamp",value:function(e,n){return new t(Math.max(e,Math.min(n,this.value)),this.unit)}}],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(F(e=e||t.number(0))){var n=(e=e.trim()).replace(sn,"$1 $2").split(" ");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 L(e.percent)?r=e.percent:L(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit)return r=0,L(e.px)?r=e.px:L(e.value)&&(r=e.value),t.px(r);if("em"==e.unit)return r=0,L(e.em)?r=e.em:L(e.value)&&(r=e.value),t.em(r);if("deg"==e.unit)return r=0,L(e.deg)?r=e.deg:L(e.value)&&(r=e.value),t.deg(r);if("turn"==e.unit)return r=0,L(e.deg)?r=e.turn:L(e.value)&&(r=e.value),t.turn(r);if("s"==e.unit)return r=0,L(e.second)?r=e.second:L(e.value)&&(r=e.value),t.second(r);if("ms"==e.unit)return r=0,L(e.ms)?r=e.ms:L(e.value)&&(r=e.value),t.ms(r);if("number"==e.unit)return r=0,L(e.value)&&(r=e.value),t.number(r);if("--"==e.unit)return r=0,L(e.value)&&(r=e.value),t.var(r);if(""===e.unit||"string"===e.unit)return r="",L(e.str)?r=e.str:L(e.value)&&(r=e.value),t.string(r)}return t.string(e)}}],n&&on(e.prototype,n),r&&on(e,r),t}();function fn(t){return function(t){if(Array.isArray(t))return pn(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return pn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pn(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function yn(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function hn(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}ln.auto=ln.string("auto");var dn=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),G(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:"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 yn({},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){this.parent().children().forEach((function(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 M(t)?this.el.innerHTML:(F(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){if(this.fragment){var e=this.createChildrenFragment();rn(e,t),this.html(e)}else this.empty().append(t),this.fragment=!0}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";rn(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";rn(this,t.create(n).html("<svg>".concat(e,"</svg>")).firstChild)}},{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){var n=this.findAll(e);return Object.keys(n).map((function(e){return t.create(n[e])}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return F(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return F(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(M(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(L(t)&&L(e))Object.assign(this.el.style,yn({},t,e));else if(L(t)){if(F(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 M(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,ln.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"offsetRect",value:function(){return{x:this.el.offsetLeft,y:this.el.offsetTop,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(M(e))return this.el.value;if(L(e)){var n=e;e instanceof t&&(n=e.val()),this.el.value=n}return this}},{key:"matches",value:function(t){return this.el&&this.el.matches?this.el.matches(t)?this:this.parent().matches(t):null}},{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:"isShow",value:function(){return!this.isHide()}},{key:"toggle",value:function(t){var e=this.isHide();return 1==arguments.length?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:"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?fn(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return t.create(this.el.firstElementChild)}}],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&&hn(e.prototype,n),r&&hn(e,r),t}(),vn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:wn;return" ".concat(e," ").concat(t)},bn=/^dom (.*)/gi,mn=/^load (.*)/gi,gn=/^bind (.*)/gi,wn="|",On={},kn=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"dom "+[r].concat(e).join(" ")}},Sn=kn,jn=kn("click"),Pn=kn("dblclick"),xn=(kn("mousedown"),kn("mouseup")),Rn=(kn("mousemove"),kn("mouseover"),kn("mouseout"),kn("mouseenter"),kn("mouseleave"),kn("touchstart"),kn("touchmove"),kn("touchend"),kn("keydown")),$n=kn("keyup"),En=(kn("keypress"),kn("drag"),kn("dragstart")),_n=kn("drop"),Cn=kn("dragover"),Tn=(kn("dragenter"),kn("dragleave"),kn("dragexit"),kn("dragout"),kn("dragend")),Dn=kn("contextmenu"),An=kn("change"),In=kn("input"),Vn=kn("focus"),Mn=(kn("focusin"),kn("focusout")),Ln=kn("blur"),Bn=(kn("paste"),kn("resize")),zn=kn("scroll"),Fn=kn("submit"),Gn=Sn("pointerdown"),Hn=Sn("pointermove"),Xn=Sn("pointerup"),Yn=Sn("change","input"),Nn=Sn("wheel","mousewheel","DOMMouseScroll"),Kn=(kn("animationstart"),kn("animationend"),kn("animationiteration"),kn("transitionstart"),kn("transitionend")),Un=(kn("transitionrun"),kn("transitioncancel"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:wn;return vn(t,e)}),Wn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:wn;return vn("after(".concat(t,")"),e)},Zn=Un,qn=Un,Jn=(Un("ArrowUp"),Un("ArrowDown"),Un("ArrowLeft"),Un("ArrowRight"),Un("Enter")),Qn=(Un("Space"),Un("Escape")),tr=Un("isAltKey"),er=(Un("isShiftKey"),Un("isMetaKey"),Un("isCtrlKey"),Un("self"),Un("fit"),Un("passive"),Un("vdom")),nr=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Un("debounce(".concat(t,")"))},rr=(nr(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Un("throttle(".concat(t,")"))}),or=(Un("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return Wn("bodyMouseMove ".concat(t))}),ir=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return Wn("bodyMouseUp ".concat(t))},ar=Wn("preventDefault"),cr=Wn("stopPropagation"),ur=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},sr=function(t){if(""===t)return"";var e=jt();return On[e]=t,e},lr=function(t){return function(){return this.prevState[t]!=this.state[t]}},fr=function(){return!0},pr=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?wn+sr(e):"")},yr={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 hr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var vr,br=function(){function t(){hr(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?_(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;Promise.resolve().then((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)}))}))}},{key:"triggerMessage",value:function(t,e,n,r,o,i){var a=this;Promise.resolve().then((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")}))}},{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)}}])&&dr(e.prototype,n),r&&dr(e,r),t}();function mr(t){return function(t){if(Array.isArray(t))return Or(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||wr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function gr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||wr(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function wr(t,e){if(t){if("string"==typeof t)return Or(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Or(t,e):void 0}}function Or(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function kr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Pr=(jr(vr={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),jr(vr,"initializeProperty",!0),jr(vr,"created",!0),jr(vr,"getRealEventName",!0),jr(vr,"initializeStoreEvent",!0),jr(vr,"destoryStoreEvent",!0),jr(vr,"destroy",!0),jr(vr,"emit",!0),jr(vr,"trigger",!0),jr(vr,"on",!0),jr(vr,"off",!0),jr(vr,"setState",!0),jr(vr,"_reload",!0),jr(vr,"render",!0),jr(vr,"initialize",!0),jr(vr,"afterRender",!0),jr(vr,"components",!0),jr(vr,"getRef",!0),jr(vr,"parseTemplate",!0),jr(vr,"childrenIds",!0),jr(vr,"exists",!0),jr(vr,"parseProperty",!0),jr(vr,"parseSourceName",!0),jr(vr,"parseComponent",!0),jr(vr,"clean",!0),jr(vr,"refresh",!0),jr(vr,"template",!0),jr(vr,"eachChildren",!0),jr(vr,"initializeEvent",!0),jr(vr,"destroy",!0),jr(vr,"self",!0),jr(vr,"isAltKey",!0),jr(vr,"isCtrlKey",!0),jr(vr,"isShiftKey",!0),jr(vr,"isMetaKey",!0),jr(vr,"preventDefault",!0),jr(vr,"stopPropagation",!0),jr(vr,"bodyMouseMove",!0),jr(vr,"bodyMouseUp",!0),vr),xr=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};kr(this,t),this.context=e,this.options=n}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){}},{key:"load",value:function(){}},{key:"refresh",value:function(){}},{key:"render",value:function(){}},{key:"getRef",value:function(t){return this.context.getRef(t)}},{key:"splitMethodByKeyword",value:function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=gr(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}},{key:"collectProps",value:function(){var t=this.context,e=t.__proto__,n=[];do{if(!1==e instanceof Object)break;var r=Object.getOwnPropertyNames(e).filter((function(e){return t&&X(t[e])&&!Pr[e]}));n.push.apply(n,mr(r)),e=e.__proto__}while(e);return n}},{key:"filterProps",value:function(t){return this.collectProps().filter((function(e){return e.match(t)}))}},{key:"run",value:function(){}},{key:"destroy",value:function(){}}])&&Sr(e.prototype,n),r&&Sr(e,r),t}();function Rr(t){return(Rr="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return Dr(t)}(t)||Er(t)||Tr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Er(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function _r(t,e){return Ar(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Tr(t,e)||Cr()}function Cr(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Tr(t,e){if(t){if("string"==typeof t)return Dr(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Dr(t,e):void 0}}function Dr(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ar(t){if(Array.isArray(t))return t}function Ir(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mr(t,e){return(Mr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Lr(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zr(t);if(e){var o=zr(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Br(this,n)}}function Br(t,e){return!e||"object"!==Rr(e)&&"function"!=typeof e?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)}var Fr={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0,wheel:!0,mousewheel:!0},Gr=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Mr(t,e)}(i,t);var e,n,r,o=Lr(i);function i(){return Ir(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.filterProps(bn)),this._domEvents.forEach((function(e){return t.parseEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{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;yr.removeEvent(n,e,r)}},{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:"matchPath",value:function(t,e){return t?t.matches(e)?t:this.matchPath(t.parentElement,e):null}},{key:"hasDelegate",value:function(t,e){return this.matchPath(t.target||t.srcElement,e.delegate)}},{key:"makeCallback",value:function(t,e){return t.delegate?this.makeDelegateCallback(t,e):this.makeDefaultCallback(t,e)}},{key:"makeDefaultCallback",value:function(t,e){var n=this;return function(r){var o=n.runEventCallback(r,t,e);if(L(o))return o}}},{key:"makeDelegateCallback",value:function(t,e){var n=this;return function(r){var o=n.hasDelegate(r,t);if(o){r.$dt=dn.create(o);var i=n.runEventCallback(r,t,e);if(L(i))return i}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=yr.posXY(t),e.beforeMethods.length&&e.beforeMethods.every((function(e){return r[e.target].call(r,t,e.param)})),this.checkEventType(t,e)){var o=n(t,t.$dt,t.xy);return!1!==o&&e.afterMethods.length&&e.afterMethods.forEach((function(e){return r[e.target].call(r,t,e.param)})),o}}},{key:"checkEventType",value:function(t,e){var n=this.context,r=!0;e.codes.length&&(r=!!t.code&&e.codes.indexOf(t.code.toLowerCase())>-1||!!t.key&&e.codes.indexOf(t.key.toLowerCase())>-1);var o=!0;return e.checkMethodList.length&&(o=e.checkMethodList.every((function(e){var r=n[e];return X(r)&&r?r.call(n,t):!L(r)||!!r}))),r&&o}},{key:"getDefaultDomElement",value:function(t){var e,n=this.context;return(e=t?n.refs[t]||n[t]||window[t]:n.el||n.$el||n.$root)instanceof dn?e.getElement():e}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,o=r.filter((function(t){return!!n[t]})),i=_r(this.splitMethodByKeyword(r,"after"),2),a=i[0],c=i[1],u=_r(this.splitMethodByKeyword(r,"before"),2),s=u[0],l=u[1],f=_r(this.splitMethodByKeyword(r,"debounce"),2),p=f[0],y=f[1],h=_r(this.splitMethodByKeyword(r,"throttle"),2),d=h[0],v=h[1],b=_r(this.splitMethodByKeyword(r,"capture"),1)[0],m=[].concat($r(o),$r(a),$r(s),$r(p),$r(d),$r(b));return{eventName:t,codes:r.filter((function(t){return-1===m.indexOf(t)})).map((function(t){return t.toLowerCase()})),captures:b,afterMethods:c,beforeMethods:l,debounceMethods:y,throttleMethods:v,checkMethodList:o}}},{key:"addEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;Fr[t.eventName]&&(n={passive:!0,capture:n}),yr.addEvent(t.dom,t.eventName,t.callback,n)}},{key:"bindingEvent",value:function(t,e,n){var r=function(t){return Ar(t)||Er(t)||Tr(t)||Cr()}(t),o=r[0],i=r[1],a=r.slice(2),c=(this.context,this.getDefaultEventObject(o,e));c.dom=this.getDefaultDomElement(i),c.delegate=a.join(" "),c.debounceMethods.length?n=_(n,+c.debounceMethods[0].target):c.throttleMethods.length&&(n=C(n,+c.throttleMethods[0].target)),this.addEvent(c,n)}},{key:"getEventNames",value:function(t){var e=[];return t.split(":").forEach((function(t){var n=t.split(":");e.push.apply(e,$r(n))})),e}},{key:"parseEvent",value:function(t){var e=this,n=this.context,r=t.split(wn).map((function(t){return t.trim()})),o=r.shift().split("dom ")[1].split(" "),i=this.getEventNames(o[0]),a=n[t].bind(n);i.forEach((function(t){o[0]=t,e.bindingEvent(o,r,a)}))}}])&&Vr(e.prototype,n),r&&Vr(e,r),i}(xr);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){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Jr(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Yr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Nr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Kr(t,e){return(Kr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ur(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Zr(t);if(e){var o=Zr(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Wr(this,n)}}function Wr(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){return(Zr=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qr(t){return function(t){if(Array.isArray(t))return Qr(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Jr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Jr(t,e){if(t){if("string"==typeof t)return Qr(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Qr(t,e):void 0}}function Qr(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var to,eo=function(t,e,n){"cssText"!==e?"style"!==e?"class"!==e?M(n)?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"value"===e?t.val(n):t.attr(e,n):B(n)?t.addClass.apply(t,qr(n)):H(n)?T(n,(function(e,n){return t.toggleClass(e,n)})):t.addClass(n):G(n)&&t.css(n):t.cssText(n)},no=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ur(i);function i(){return Yr(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{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(gn)),this._bindMethods.filter((function(t){if(!n.length)return!0;var e=Xr(t.split(wn),2),r=e[0],o=(e[1],Xr(r.split(" "),2)),i=(o[0],o[1]);return n.indexOf(i)>-1})).forEach((function(e){var r=t.context[e],o=Xr(e.split(wn),2),i=(e=o[0],o[1]),a=t.getRef(i),c=fr;""!=a&&F(a)?c=lr(a):X(a)&&(c=a);var u=e.split("bind ")[1],s=t.context.refs[u],l=X(c)&&c.call(t.context);if(s&&l){var f=r.call.apply(r,[t.context].concat(n));if(!f)return;T(f,(function(t,e){eo(s,t,e)}))}}))}},{key:"destroy",value:function(){this._bindMethods=void 0}}])&&Nr(e.prototype,n),r&&Nr(e,r),i}(xr);function ro(){var t=ao(["",""]);return ro=function(){return t},t}function oo(t){return vo(t)||uo(t)||yo(t)||po()}function io(){var t=ao(["\n        ","\n      "]);return io=function(){return t},t}function ao(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function co(t){return function(t){if(Array.isArray(t))return ho(t)}(t)||uo(t)||yo(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function uo(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function so(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fo(t,e){return vo(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||yo(t,e)||po()}function po(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function yo(t,e){if(t){if("string"==typeof t)return ho(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ho(t,e):void 0}}function ho(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function vo(t){if(Array.isArray(t))return t}var bo=dn.create("div"),mo="[".concat("ref","]"),go=(lo(to={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),lo(to,"initializeProperty",!0),lo(to,"created",!0),lo(to,"getRealEventName",!0),lo(to,"initializeStoreEvent",!0),lo(to,"destoryStoreEvent",!0),lo(to,"destroy",!0),lo(to,"emit",!0),lo(to,"trigger",!0),lo(to,"on",!0),lo(to,"off",!0),lo(to,"setState",!0),lo(to,"_reload",!0),lo(to,"render",!0),lo(to,"initialize",!0),lo(to,"afterRender",!0),lo(to,"components",!0),lo(to,"getRef",!0),lo(to,"parseTemplate",!0),lo(to,"childrenIds",!0),lo(to,"exists",!0),lo(to,"parseProperty",!0),lo(to,"parseSourceName",!0),lo(to,"parseComponent",!0),lo(to,"clean",!0),lo(to,"refresh",!0),lo(to,"loadTemplate",!0),lo(to,"load",!0),lo(to,"bindData",!0),lo(to,"template",!0),lo(to,"eachChildren",!0),lo(to,"initializeEvent",!0),lo(to,"destroy",!0),lo(to,"collectProps",!0),lo(to,"filterProps",!0),lo(to,"self",!0),lo(to,"isAltKey",!0),lo(to,"isCtrlKey",!0),lo(to,"isShiftKey",!0),lo(to,"isMetaKey",!0),lo(to,"preventDefault",!0),lo(to,"stopPropagation",!0),lo(to,"bodyMouseMove",!0),lo(to,"bodyMouseUp",!0),to),wo=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.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=jt(),this.handlers=this.initializeHandler(),this.initializeProperty(e,n),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=co(this.childComponentSet.keys()).join(",")}},{key:"initializeHandler",value:function(){return[new no(this),new Gr(this)]}},{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.state={},this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(t){this.$el=this.parseTemplate(J(io(),this.template())),this.refs.$el=this.$el,t&&t.append(this.$el),this.load(),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;B(t)&&(t=t.join("")),t=t.trim();var r=bo.html(t).children();return r.forEach((function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(mo),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?bo.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return D(this.children,(function(t,e){return e.id}))}},{key:"exists",value:function(){return!this.parent||!X(this.parent.childrenIds)||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(t){var e,n={},r=function(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=yo(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return a=t.done,t},e:function(t){c=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}(t.el.attributes);try{for(r.s();!(e=r.n()).done;){var o=e.value;n[o.nodeName]=o.nodeValue}}catch(t){r.e(t)}finally{r.f()}return t.$$("property").forEach((function(t){var e=fo(t.attrs("name","value","type"),3),r=e[0],o=e[1],i=e[2],a=o||t.text();"json"===i&&(a=JSON.parse(a)),n[r]=a})),n}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(co(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()),e.replace(c.$el)})),T(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return T(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[ur(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(mn)),this._loadMethods.filter((function(t){var e=t.split("load ")[1].split(wn)[0];return!n.length||n.indexOf(e)>-1})).forEach((function(e){var r=oo(e.split("load ")[1].split(wn).map((function(t){return t.trim()}))),o=r[0],i=r.slice(1),a=(i=i.map((function(t){return t.trim()}))).indexOf(er.value)>-1;if(t.refs[o]){var c,u=(c=t[e]).call.apply(c,[t].concat(n));B(u)&&(u=u.join(""));var s=t.parseTemplate(J(ro(),u),!0);a?t.refs[o].htmlDiff(s):t.refs[o].html(s)}})),this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"runHandlers",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"run",e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.handlers.forEach((function(e){return e[t].apply(e,n)}))}},{key:"bindData",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.runHandlers.apply(this,["load"].concat(e))}},{key:"template",value:function(){return"<div></div>"}},{key:"eachChildren",value:function(t){X(t)&&T(this.children,(function(e,n){t(n)}))}},{key:"rerender",value:function(){var t=this.$el.parent();this.destroy(),this.render(t)}},{key:"destroy",value:function(){this.eachChildren((function(t){t.destroy()})),this.runHandlers("destroy"),this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{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 t&&X(t[e])&&!go[e]}));n.push.apply(n,co(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.$dt&&t.$dt.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)}}])&&so(e.prototype,n),r&&so(e,r),t}();function Oo(t){return(Oo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ko(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return So(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return So(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function So(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function jo(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function xo(t,e,n){return(xo="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=_o(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 Ro(t,e){return(Ro=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $o(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_o(t);if(e){var o=_o(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Eo(this,n)}}function Eo(t,e){return!e||"object"!==Oo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _o(t){return(_o=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Co=/^ME@/,To=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")},Do=function(){return"ME@"+To.apply(void 0,arguments)},Ao=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ro(t,e)}(i,t);var e,n,r,o=$o(i);function i(t){var e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return jo(this,i),(e=o.call(this,t,n)).created(),e.initialize(),e.initializeStoreEvent(),e}return e=i,(n=[{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=jt(),this.sourceName=this.constructor.name,t&&t.$store&&(this.$store=t.$store),t&&t.$editor&&(this.$editor=t.$editor)}},{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.filterProps(Co).forEach((function(e){var n=t.getRealEventName(e,"ME@"),r=ko(function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=fo(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}(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="".concat(t.sourceName,".").concat(n),r.source=t.source,t.$store.on(n,r,t,a)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){xo(_o(i.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){xo(_o(i.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{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)}},{key:"$i18n",value:function(t){return this.$editor.i18n(t)}},{key:"$initI18n",value:function(t){return this.$editor.initI18n(t)}},{key:"$theme",value:function(t){return this.$editor.themeValue(t)}},{key:"$config",get:function(){return this.$editor.config}},{key:"$selection",get:function(){return this.$editor.selection}},{key:"$timeline",get:function(){return this.$editor.timeline}}])&&Po(e.prototype,n),r&&Po(e,r),i}(wo),Io={en_US:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.label.lang":"Language","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.gray":"Gray","app.label.theme":"Theme","app.tab.title.projects":"Projects","app.tab.title.layers":"Layers","app.tab.title.libraries":"Library","app.tab.title.components":"Object","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","menu.item.download.title":"Download","menu.item.save.title":"Save","menu.item.export.title":"Export","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"Screen","menu.item.github.title":"Github","menu.item.learn.title":"Learn","project.property.title":"Project","project.information.property.title":"Project information","project.information.property.name":"Name","project.information.property.description":"Description","artboard.property.title":"ArtBoards","artboard.property.layout.title.flex":"Flex","artboard.property.layout.title.grid":"Grid","layer.tree.property.title":"Layers","layer.tree.property.layout.title.flex":"Flex","layer.tree.property.layout.title.grid":"Grid","alignment.property.title":"Alignment","position.property.title":"Position","position.property.X":"X","position.property.Y":"Y","size.property.title":"Size","size.property.width":"Width","size.property.height":"Height","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","background.color.property.opacity":"Opacity","background.color.property.blend":"Blend","background.color.property.overflow":"Overflow","background.color.property.overflow.visible":"Visible","background.color.property.overflow.hidden":"Hidden","background.color.property.overflow.scroll":"Scroll","background.color.property.overflow.auto":"Auto","blend.normal":"normal","blend.multiply":"multiply","blend.screen":"screen","blend.overlay":"overlay","blend.darken":"darken","blend.lighten":"lighten","blend.color-dodge":"color-dodge","blend.color-burn":"color-burn","blend.hard-light":"hard-light","blend.soft-light":"soft-light","blend.difference":"difference","blend.exclusion":"exclusion","blend.hue":"hue","blend.saturation":"saturation","blend.color":"color","blend.luminosity":"luminosity","background.image.property.title":"Fill","border.property.title":"Border","border.radius.property.title":"Border Radius","boxshadow.property.title":"Box Shadows","filter.property.title":"Filter","filter.property.blur":"Blur","filter.property.grayscale":"GrayScale","filter.property.hue-rotate":"Hue Rotate","filter.property.invert":"Invert","filter.property.brightness":"Brightness","filter.property.contrast":"Contrast","filter.property.drop-shadow":"Drop Shadow","filter.property.drop-shadow.color":"Color","filter.property.drop-shadow.offsetX":"Offset X","filter.property.drop-shadow.offsetY":"Offset Y","filter.property.drop-shadow.blurRadius":"Blur","filter.property.opacity":"Opacity","filter.property.saturate":"Saturate","filter.property.sepia":"Sepia","filter.property.svg":"SVG","font.property.title":"Font","font.property.color":"Color","font.property.size":"Size","font.property.stretch":"Stretch","font.property.weight":"Weight","font.property.style":"Style","font.property.family":"Family","font.spacing.property.title":"Font spacing","font.spacing.property.lineHeight":"Line height","font.spacing.property.letterSpacing":"Letter spacing","font.spacing.property.wordSpacing":"Word spacing","font.spacing.property.indent":"Indent","backdrop.filter.property.title":"Backdrop Filter","clippath.property.title":"Clip Path","export.property.title":"Export","export.property.download":"Download","image.property.title":"Image","image.property.origin":"Origin","image.property.size":"Size","image.property.width":"Width","image.property.height":"height","video.property.title":"Video","video.property.play":"Play","video.property.pause":"Pause","video.property.volume":"Volume","video.property.playbackRate":"Playback Rate","video.property.currentTime":"Current Time","video.property.playTime":"Play Time Distance","motion.property.title":"Motion","text.property.title":"Text Style","text.property.align":"Align","text.property.transform":"Transform","text.property.decoration":"Decoration","text.clip.property.title":"Text Clip","text.shadow.property.title":"Text Shadows","text.fill.property.title":"Text Fill","text.fill.property.fill":"Fill","text.fill.property.stroke":"Stroke","text.fill.property.strokeWidth":"Width","transform.property.title":"Transform","transform.origin.property.title":"Transform Origin","transition.property.title":"CSS Transition","keyframe.property.title":"CSS Keyframe","selector.property.title":"Selector","selector.property.none":"None selector","path.data.property.title":"Path Information","polygon.data.property.title":"Polygon Information","perspective.property.title":"Perspective","perspective.origin.property.title":"Perspective Origin","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"Motion Path","svg.item.property.fill":"Fill","svg.item.property.fillOpacity":"Opacity","svg.item.property.path":"Path","svg.item.property.polygon":"Polygon","svg.item.property.totalLength":"Total Length","svg.item.property.fillRule":"Fill Rule","svg.item.property.stroke":"Stroke","svg.item.property.strokeWidth":"Width","svg.item.property.dashArray":"Dash Array","svg.item.property.dashOffset":"Dash Offset","svg.item.property.lineCap":"Line Cap","svg.item.property.lineJoin":"Line Join","svg.item.property.filter":"Filter","border.editor.all":"All","border.editor.width":"Width","border.editor.style":"Style","border.editor.color":"C","border.editor.top":"Top","border.editor.left":"Left","border.editor.right":"Right","border.editor.bottom":"Bottom","border.radius.editor.topLeft":"Top Left","border.radius.editor.topRight":"Top Right","border.radius.editor.bottomLeft":"Bottom Left","border.radius.editor.bottomRight":"Bottom Right","boxshadow.editor.blur":"Blur","boxshadow.editor.spread":"Spread","css.property.editor.properties":"Properties","offset.path.list.editor.path":"Path","offset.path.list.editor.totalLength":"Total Length","offset.path.list.editor.distance":"Distance","offset.path.list.editor.direction":"Direction","offset.path.list.editor.rotate":"Rotate","svgfilter.select.editor.message.create":"Create new svg filter","svgfilter.select.editor.message.select":"Select a filter","fill.editor.message.click.image":"Click the preview area if you want to select a image","fill.editor.message.drag.position":"Drag if you want to move center position","fill.editor.x1":"Start X","fill.editor.x2":"End X","fill.editor.y1":"Start Y","fill.editor.y2":"End Y","fill.editor.spread":"Spread","fill.editor.offset":"Offset","fill.editor.cx":"Center X","fill.editor.cy":"Center Y","fill.editor.r":"End radius","fill.editor.fx":"Start X","fill.editor.fy":"Start Y","fill.editor.fr":"Start radius","perspective.origin.editor.originX":"Origin X","perspective.origin.editor.originY":"Origin Y","path.manager.msg":"Keydown ESC or Enter key to close editing","path.manager.mode.modify":"Modify","path.manager.mode.path":"Path","path.manager.mode.transform":"Transform","path.manager.mode.flipX":"Flip X","path.manager.mode.flipY":"Flip Y","path.manager.mode.flipOrigin":"Flip Origin","colorpicker.popup.title":"ColorPicker","selector.popup.title":"Selector Property","selector.popup.selector":"Selector","background.image.position.popup.title":"Background Pattern","background.image.position.popup.size":"Size","background.image.position.popup.width":"Width","background.image.position.popup.height":"Height","background.image.position.popup.repeat":"Repeat","background.image.position.popup.blend":"Blend","background.image.position.popup.type.repeat":"repeat","background.image.position.popup.type.no-repeat":"no repeat","background.image.position.popup.type.repeat-x":"repeat-x","background.image.position.popup.type.repeat-y":"repeat-y","background.image.position.popup.type.space":"space","background.image.position.popup.type.round":"round","gradient.picker.popup.title":"Gradient & Image Picker","image.asset.property.title":"Image","video.asset.property.title":"Video","color.asset.property.title":"Color","gradient.asset.property.title":"Gradient","pattern.asset.property.title":"Pattern","svgfilter.asset.property.title":"SVG Filter","inspector.tab.title.style":"Style","inspector.tab.title.component":"Component","inspector.tab.title.transition":"Transition & Animation","inspector.tab.title.asset":"Assets","inspector.tab.title.text":"Text","inspector.tab.title.code":"Code","timeline.property.title":"Timeline","timeline.animation.property.title":"Animations","timeline.play.control.play":"Play","timeline.play.control.pause":"Pause","timeline.play.control.first":"First","timeline.play.control.prev":"Previous","timeline.play.control.next":"Next","timeline.play.control.last":"Last","timeline.play.control.direction":"Direction","timeline.play.control.speed":"Speed","timeline.play.control.repeat":"Repeat","timeline.play.control.infinite":"Infinite","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"Value","timeline.value.editor.time":"Time","timeline.value.editor.timing":"Timing","svgfilter.popup.title":"SVG Filter","css.item.rotate":"Rotate","css.item.rotateX":"Rotate X","css.item.rotateY":"Rotate Y","css.item.rotateZ":"Rotate Z","css.item.rotate3d":"3D Rotate","css.item.skewX":"Skew X","css.item.skewY":"Skew Y","css.item.translate":"Translate","css.item.translateX":"Translate X","css.item.translateY":"Translate Y","css.item.translateZ":"Translate Z","css.item.translate3d":"3D Translate","css.item.perspective":"Perspective","css.item.scale":"Scale","css.item.scaleX":"Scale X","css.item.scaleY":"Scale Y","css.item.scaleZ":"Scale Z","css.item.scale3d":"3D Scale","css.item.matrix":"Matrix","css.item.matrix3d":"3D Matrix","animation.property.title":"CSS Animation","animation.property.direction":"Direction","animation.property.play.state":"Play State","animation.property.fill.mode":"Fill Mode","animation.property.delay":"Delay","animation.property.duration":"Duration","animation.property.iteration.count":"Iteration Count","animation.property.Select a keyframe":"Select a keyframe","animation.property.popup.title":"Animation","animation.property.popup.timing.function":"Timing Function","animation.property.popup.keyframe":"Keyframe","animation.property.popup.direction":"Direction","animation.property.popup.play.state":"Play State","animation.property.popup.fill.mode":"Fill Mode","animation.property.popup.delay":"Delay","animation.property.popup.duration":"Duration","animation.property.popup.iteration":"Iteration","animation.property.popup.normal":"normal","animation.property.popup.reverse":"reverse","animation.property.popup.alternate":"alternate","animation.property.popup.alternate-reverse":"alternate-reverse","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"Select a keyframe","keyframe.popup.title":"Keyframe","code.view.property.title":"CodeView","svg.filter.editor.tab.filter":"Filter","svg.filter.editor.tab.preset":"Preset","svg.filter.editor.tab.asset":"Assets","svg.filter.editor.GRAPHIC REFERENCES":"GRAPHIC REFERENCES","svg.filter.editor.SOURCES":"SOURCES","svg.filter.editor.MODIFIER":"MODIFIER","svg.filter.editor.LIGHTING":"LIGHTING","svg.filter.editor.COMBINERS":"COMBINERS","svg.filter.editor.Template":"Template","layout.property.title":"Layout","layout.property.flex":"Flex Box","layout.property.grid":"Grid","layout.property.default":"Default","flex.layout.editor.row":"Row","flex.layout.editor.column":"column","flex.layout.editor.row-reverse":"Row Reverse","flex.layout.editor.column-reverse":"Column Reverse","flex.layout.editor.nowrap":"Nowrap","flex.layout.editor.wrap":"Wrap","flex.layout.editor.wrap-reverse":"Wrap Reverse","flex.layout.editor.flex-start":"Start","flex.layout.editor.flex-end":"End","flex.layout.editor.center":"Center","flex.layout.editor.space-between":"Between","flex.layout.editor.space-around":"Around","flex.layout.editor.baseline":"BaseLine","flex.layout.editor.stretch":"Stretch","flex.layout.editor.direction":"Direction","flex.layout.editor.justify-content":"Justify Content","flex.layout.editor.align-items":"Align Items","flex.layout.editor.align-content":"Align Content","flex.layout.item.property.title":"Layout Item Detail","flex.layout.item.property.grow":"Flex Grow","flex.layout.item.property.shrink":"Flex Shrink","flex.layout.item.property.basis":"Flex Basis","flex.layout.item.property.none":"none","flex.layout.item.property.auto":"auto","flex.layout.item.property.value":"value","grid.layout.editor.template.columns":"Columns","grid.layout.editor.column.gap":"Column Gap","grid.layout.editor.template.rows":"Rows","grid.layout.editor.row.gap":"Row Gap","grid.box.editor.box.title":"Box","grid.box.editor.type":"Type","grid.box.editor.repeat":"Repeat","grid.box.editor.length":"Length","grid.box.editor.none":"None","grid.box.editor.auto":"Auto","grid.box.editor.count":"Count","grid.box.editor.value":"Size","grid.layout.item.property.title":"Layout Item Detail","grid.layout.item.property.column":"Column","grid.layout.item.property.row":"Row","grid.layout.item.property.start":"Start","grid.layout.item.property.end":"End","grid.layout.item.property.none":"none","grid.layout.item.property.value":"value","box.model.property.title":"Box Model","box.model.property.margin":"Margin","box.model.property.padding":"Padding","component.items.canvas":"Canvas","component.items.layer":"Layer","component.items.3dlayer":"3D Layer","component.items.drawing":"Drawing","component.items.custom":"Custom Component","svg.text.property.title":"SVG Text Style","svg.text.property.textarea":"Text Area","svg.text.property.size":"Font Size","svg.text.property.weight":"Font Weight","svg.text.property.style":"Font Style","svg.text.property.anchor":"Text Anchor","svg.text.property.family":"Font Family","svg.text.property.length.adjust":"Length Adjust","svg.text.property.text.length":"Text Length","svg.text.property.start.offset":"Start Offset","fill.picker.popup.title":"SVG Fragment picker","gradient.editor.drag.message":"Drag if you want to move center pointer.","draw.manager.tolerance":"Tolerance","pattern.property.title":"Pattern","pattern.info.popup.title":"Pattern Info","pattern.info.popup.width":"Width","pattern.info.popup.height":"Height","pattern.info.popup.lineWidth":"Line Width","pattern.info.popup.lineHeight":"Line Height","pattern.info.popup.rotate":"Rotate","pattern.info.popup.blend":"Blend Mode","pattern.info.popup.foreColor":"Fore","pattern.info.popup.backColor":"Back","stroke.dasharray.editor.add":"Add Dash"},ko_KR:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.label.lang":"언어","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.gray":"회색","app.label.theme":"테마","app.tab.title.projects":"프로젝트","app.tab.title.layers":"레이어","app.tab.title.libraries":"라이브러리","app.tab.title.components":"컴포넌트","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.github.title":"Github","menu.item.learn.title":"배우기","project.property.title":"프로젝트","project.information.property.title":"프로젝트 정보","project.information.property.name":"이름","project.information.property.description":"설명","artboard.property.title":"아트보드","artboard.property.layout.title.flex":"플렉스","artboard.property.layout.title.grid":"그리드","layer.tree.property.title":"레이어","layer.tree.property.layout.title.flex":"플렉스","layer.tree.property.layout.title.grid":"그리드","alignment.property.title":"정렬","position.property.title":"위치","position.property.X":"X","position.property.Y":"Y","size.property.title":"크기","size.property.width":"넓이","size.property.height":"높이","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","background.color.property.opacity":"투명도","background.color.property.blend":"블렌드모드","background.color.property.overflow":"오버플로우","background.color.property.overflow.visible":"보이기","background.color.property.overflow.hidden":"숨기기","background.color.property.overflow.scroll":"스크롤","background.color.property.overflow.auto":"자동","blend.normal":"Normal(표준) 혼합모드","blend.multiply":"Multiply(곱하기) 모드","blend.screen":"Screen(스크린) 모드 ","blend.overlay":"Overlay(오버레이) 모드","blend.darken":"Darken(어둡기) 모드","blend.lighten":"Lighten(밝기) 모드 ","blend.color-dodge":"Color Dodge(컬러 닷지) 모드 ","blend.color-burn":"Color Burn(컬러 번) 모드 ","blend.hard-light":"Hard Light(하드 라이트) 모드 ","blend.soft-light":"Soft Light(소프트 라이트) 모드 ","blend.difference":"Difference(차이) 모드","blend.exclusion":"Exclusion(제외) 모드","blend.hue":"Hue(색조) 모드 ","blend.saturation":"Saturation(채도) 모드","blend.color":"Color(색상) 모드","blend.luminosity":"Luminosity(광도) 모드 ","background.image.property.title":"배경(그라디언트)","border.property.title":"외곽선","border.radius.property.title":"둥근 외곽선","boxshadow.property.title":"그림자","filter.property.title":"필터","filter.property.blur":"흐림(Blur)","filter.property.grayscale":"회색(GrayScale)","filter.property.hue-rotate":"색조(HueRotate)","filter.property.invert":"반전(Invert)","filter.property.brightness":"밝기(Brightness)","filter.property.contrast":"대\b조(Contrast)","filter.property.drop-shadow":"그림자(Drop Shadow)","filter.property.drop-shadow.color":"색","filter.property.drop-shadow.offsetX":"X 간격","filter.property.drop-shadow.offsetY":"Y 간격","filter.property.drop-shadow.blurRadius":"흐림","filter.property.opacity":"투명도(Opacity)","filter.property.saturate":"채도(Saturate)","filter.property.sepia":"갈색톤(Sepia)","filter.property.svg":"SVG","font.property.title":"폰트","font.property.color":"색","font.property.size":"크기","font.property.stretch":"뻗기","font.property.weight":"굵기","font.property.style":"스타일","font.property.family":"글꼴","font.spacing.property.title":"폰트 공간","font.spacing.property.lineHeight":"줄 높이","font.spacing.property.letterSpacing":"글자 간격","font.spacing.property.wordSpacing":"단어 간격","font.spacing.property.indent":"들여쓰기","backdrop.filter.property.title":"후면 필터","clippath.property.title":"클립패스","export.property.title":"내보내기","export.property.download":"다운로드","image.property.title":"이미지","image.property.origin":"원본","image.property.size":"크기","image.property.width":"넓이","image.property.height":"높이","video.property.title":"비디오","video.property.play":"시작","video.property.pause":"멈춤","video.property.volume":"볼륨","video.property.playbackRate":"빠르기","video.property.currentTime":"현재 시간","video.property.playTime":"플레이 시간 간격","motion.property.title":"모션","path.data.property.title":"패스 정보","polygon.data.property.title":"폴리곤 정보","text.property.title":"텍스트 스타일","text.property.align":"정렬","text.property.transform":"변형","text.property.decoration":"장식","text.clip.property.title":"텍스트 클립","text.shadow.property.title":"텍스트 그림자","text.fill.property.title":"텍스트 채우기","text.fill.property.fill":"채우기","text.fill.property.stroke":"윤곽선","text.fill.property.strokeWidth":"윤곽선 굵기","transform.property.title":"트랜스폼","transform.origin.property.title":"트랜스폼 Origin","transition.property.title":"CSS 트랜지션","keyframe.property.title":"CSS 키프레임","selector.property.title":"CSS 셀렉터","selector.property.none":"선택자 없음","perspective.property.title":"투영(perspective)","perspective.origin.property.title":"투영 중심점","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"모션 패스","svg.item.property.fill":"채우기","svg.item.property.fillOpacity":"투명도","svg.item.property.path":"패스","svg.item.property.polygon":"폴리곤","svg.item.property.totalLength":"전체 길이","svg.item.property.fillRule":"채우기 규칙","svg.item.property.stroke":"선","svg.item.property.strokeWidth":"선 굵기","svg.item.property.dashArray":"점선 길이","svg.item.property.dashOffset":"점선 위치","svg.item.property.lineCap":"선 모양","svg.item.property.lineJoin":"겹친 선","svg.item.property.filter":"필터","border.editor.all":"전체","border.editor.width":"크기","border.editor.style":"스타일","border.editor.color":"색","border.editor.top":"위","border.editor.left":"왼쪽","border.editor.right":"오른쪽","border.editor.bottom":"아래","border.radius.editor.topLeft":"왼쪽 위","border.radius.editor.topRight":"오른쪽 위","border.radius.editor.bottomLeft":"왼쪽 아래","border.radius.editor.bottomRight":"오른쪽 아래","boxshadow.editor.blur":"흐림","boxshadow.editor.spread":"길이","css.property.editor.properties":"속성","offset.path.list.editor.path":"패스","offset.path.list.editor.totalLength":"전체 길이","offset.path.list.editor.distance":"거리","offset.path.list.editor.direction":"방향","offset.path.list.editor.rotate":"회전","svgfilter.select.editor.message.create":"새로운 SVG Filter 를 만드세요.","svgfilter.select.editor.message.select":"필터를 선택하세요.","fill.editor.message.click.image":"이미지를 선택하고 싶으면 프리뷰 영역을 클릭하세요.","fill.editor.message.drag.position":"가운데 위치를 드래그 해보세요.","fill.editor.x1":"시작 X","fill.editor.x2":"끝 X","fill.editor.y1":"시작 Y","fill.editor.y2":"끝 Y","fill.editor.spread":"확산","fill.editor.offset":"위치","fill.editor.cx":"중심점 X","fill.editor.cy":"중심점 Y","fill.editor.r":"끝 반지름","fill.editor.fx":"시작 X","fill.editor.fy":"시작 Y","fill.editor.fr":"시작 반지름","perspective.origin.editor.originX":"중심점 X","perspective.origin.editor.originY":"중심점 Y","path.manager.msg":"편집을 종료할 때는 ESC 키나 Enter 키를 누르세요. 또는 화면을 클릭하시면 됩니다.","path.manager.mode.modify":"점 편집","path.manager.mode.path":"점 추가","path.manager.mode.transform":"변형","path.manager.mode.flipX":"X축 회전","path.manager.mode.flipY":"Y축 회전","path.manager.mode.flipOrigin":"전체 회전","colorpicker.popup.title":"색상 선택","selector.popup.title":"선택자 속성","selector.popup.selector":"선택자","background.image.position.popup.title":"배경 패턴","background.image.position.popup.size":"크기","background.image.position.popup.width":"넓이","background.image.position.popup.height":"높이","background.image.position.popup.repeat":"반복","background.image.position.popup.blend":"블렌드","background.image.position.popup.type.repeat":"반복","background.image.position.popup.type.no-repeat":"반복 안함","background.image.position.popup.type.repeat-x":"x축 반복","background.image.position.popup.type.repeat-y":"y축 반복","background.image.position.popup.type.space":"공백유지","background.image.position.popup.type.round":"반올림","gradient.picker.popup.title":"그라디언트와 이미지","image.asset.property.title":"이미지","video.asset.property.title":"비디오","color.asset.property.title":"색","gradient.asset.property.title":"그라디언트","pattern.asset.property.title":"패턴","svgfilter.asset.property.title":"SVG 필터","inspector.tab.title.style":"스타일 속성","inspector.tab.title.component":"컴포넌트 속성","inspector.tab.title.transition":"트랜지션과 애니메이션 속성","inspector.tab.title.asset":"에셋 관리자","inspector.tab.title.text":"텍스트","inspector.tab.title.code":"코드","timeline.property.title":"타임라인","timeline.animation.property.title":"애니메이션","timeline.play.control.play":"플레이","timeline.play.control.pause":"멈춤","timeline.play.control.first":"처음으로","timeline.play.control.prev":"이전으로","timeline.play.control.next":"다음으로","timeline.play.control.last":"마지막으로","timeline.play.control.direction":"방향","timeline.play.control.speed":"속력","timeline.play.control.repeat":"반복","timeline.play.control.infinite":"무한","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"값","timeline.value.editor.time":"시간","timeline.value.editor.timing":"타이밍 함수","svgfilter.popup.title":"SVG 필터","css.item.rotate":"회전","css.item.rotateX":"X축 회전","css.item.rotateY":"Y축 회전","css.item.rotateZ":"Z축 회전","css.item.rotate3d":"3D 회전","css.item.skewX":"X축 늘이기","css.item.skewY":"Y축 늘이기","css.item.translate":"이동","css.item.translateX":"X축 이동","css.item.translateY":"Y축 이동","css.item.translateZ":"Z축 이동","css.item.translate3d":"3D 이동","css.item.perspective":"원근","css.item.scale":"크기변경","css.item.scaleX":"X축 크기변경","css.item.scaleY":"Y축 크기변경","css.item.scaleZ":"Z축 크기변경","css.item.scale3d":"3D 크기변경","css.item.matrix":"변환 행렬","css.item.matrix3d":"3D 변환 행렬","animation.property.title":"CSS 애니메이션","animation.property.direction":"방향","animation.property.play.state":"플레이 상태","animation.property.fill.mode":"채우기 모드","animation.property.delay":"대기시간","animation.property.duration":"시간","animation.property.iteration.count":"반복 횟수","animation.property.select a keyframe":"키프레임을 선택해주세요","animation.property.popup.title":"CSS 애니메이션","animation.property.popup.timing.function":"타이밍 함수","animation.property.popup.keyframe":"키프레임","animation.property.popup.direction":"방향","animation.property.popup.play.state":"플레이 상태","animation.property.popup.fill.mode":"채우기 모드","animation.property.popup.delay":"대기시간","animation.property.popup.duration":"시간","animation.property.popup.iteration":"반복 횟수","animation.property.popup.normal":"시간순","animation.property.popup.reverse":"역시간순","animation.property.popup.alternate":"왕복 시간순","animation.property.popup.alternate-reverse":"왕복 역시간순","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"키프레임을 선택해주세요.","keyframe.popup.title":"키프레임","code.view.property.title":"코드뷰","svg.filter.editor.tab.filter":"필터","svg.filter.editor.tab.preset":"프리셋","svg.filter.editor.tab.asset":"에셋","svg.filter.editor.GRAPHIC REFERENCES":"참조 그래픽","svg.filter.editor.SOURCES":"원본","svg.filter.editor.MODIFIER":"수정","svg.filter.editor.LIGHTING":"빛","svg.filter.editor.COMBINERS":"결합","svg.filter.editor.Template":"템플릿","layout.property.title":"레이아웃","layout.property.flex":"플렉스 박스","layout.property.grid":"그리드","layout.property.default":"기본 좌표","flex.layout.editor.row":"행","flex.layout.editor.column":"열","flex.layout.editor.row-reverse":"역방향 행","flex.layout.editor.column-reverse":"역방향 열","flex.layout.editor.nowrap":"감싸지 않기","flex.layout.editor.wrap":"감싸기","flex.layout.editor.wrap-reverse":"역방향 감싸기","flex.layout.editor.flex-start":"시작","flex.layout.editor.flex-end":"끝","flex.layout.editor.center":"중간","flex.layout.editor.space-between":"공간 중간 채움","flex.layout.editor.space-around":"공간 양끝 채움","flex.layout.editor.baseline":"기본선","flex.layout.editor.stretch":"펼치기","flex.layout.editor.direction":"방향","flex.layout.editor.justify-content":"컨텐츠 조정","flex.layout.editor.align-items":"아이템 정렬","flex.layout.editor.align-content":"컨텐츠 정렬","flex.layout.item.property.title":"플렉스 아이템 설정","flex.layout.item.property.grow":"공간 비율","flex.layout.item.property.shrink":"축소 비율","flex.layout.item.property.basis":"초기 크기","flex.layout.item.property.none":"없음","flex.layout.item.property.auto":"자동","flex.layout.item.property.value":"값","grid.layout.editor.template.columns":"열","grid.layout.editor.column.gap":"열 간격","grid.layout.editor.template.rows":"행","grid.layout.editor.row.gap":"행 간격","grid.box.editor.box.title":"영역","grid.box.editor.type":"타입","grid.box.editor.repeat":"반복","grid.box.editor.length":"길이","grid.box.editor.none":"없음","grid.box.editor.auto":"자동","grid.box.editor.count":"개수","grid.box.editor.value":"크기","grid.layout.item.property.title":"그리드 아이템 설정","grid.layout.item.property.column":"열","grid.layout.item.property.row":"행","grid.layout.item.property.start":"시작","grid.layout.item.property.End":"끝","grid.layout.item.property.none":"없음","grid.layout.item.property.value":"값","box.model.property.title":"박스 모델","box.model.property.margin":"마진","box.model.property.padding":"패딩","component.items.canvas":"캔버스","component.items.layer":"레이어","component.items.3dlayer":"3D 레이어","component.items.drawing":"그리기","component.items.custom":"사용자 정의 컴포넌트","svg.text.property.title":"SVG Text 스타일","svg.text.property.textarea":"텍스트 입력","svg.text.property.size":"폰트 크기","svg.text.property.weight":"폰트 굵기","svg.text.property.style":"폰트 스타일","svg.text.property.anchor":"텍스트 위치","svg.text.property.family":"폰트 글꼴","svg.text.property.length.adjust":"길이 대응","svg.text.property.text.length":"텍스트 길이","svg.text.property.start.offset":"시작 지점","fill.picker.popup.title":"색 채우기","gradient.editor.drag.message":"드래그 하면 중심점을 옮길 수 있습니다.","draw.manager.tolerance":"포인트 허용 오차","pattern.property.title":"패턴","pattern.info.popup.title":"패턴 정보","pattern.info.popup.width":"넓이","pattern.info.popup.height":"높이","pattern.info.popup.lineWidth":"선 넓이","pattern.info.popup.lineHeight":"선 높이","pattern.info.popup.rotate":"회전","pattern.info.popup.blend":"블렌드","pattern.info.popup.foreColor":"패턴색","pattern.info.popup.backColor":"배경색","stroke.dasharray.editor.add":"점 추가"}},Vo={locales:Io,get:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en_US",r=Io[n][t]||Io.en_US[t]||t||void 0;if(X(r))return r(e);var o=r;return t===o?t.split(".").pop():(T(e,(function(t,e){o=o.replace(new RegExp("{".concat(t,"}"),"ig"),e)})),o)},hasKey:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!Io[e][t]&&!Io.en_US[t])}},Mo={dark:{left_size:250,left_max_size:400,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},gray:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function Lo(t){return function(t){if(Array.isArray(t))return Bo(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Bo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Bo(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Bo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function zo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Fo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Go(t,e){for(var n=0;n<e.length;n++){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 Ho=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]:{};e%2?zo(Object(n),!0).forEach((function(e){Fo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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:"toggleLayerContainer",value:function(t){this.currentArtBoard((function(e){e.getSelectedTimeline().animations.filter((function(e){return e.id===t})).forEach((function(t){t.collapsed=!t.collapsed}))}))}},{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,Lo(t.keyframes.filter((function(t){return e<=t.time&&t.time<=n}))))}));i.push.apply(i,Lo(r))}));var a={};i.forEach((function(t){a[t.id]=t})),r.select.apply(r,Lo(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}))}}])&&Go(e.prototype,n),r&&Go(e,r),t}();function Xo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xo(Object(n),!0).forEach((function(e){No(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function No(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ko(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Wo(t){return function(t){if(Array.isArray(t))return Zo(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Zo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zo(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var qo=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ko(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return X(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(Object.assign(this.getDefaultObject(),n)),this.ref}var e,n,r;return e=t,(n=[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{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&&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(Object.assign(this.json,e))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=Pt();return Yo({id:e,visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"add",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"self";if(t.parent&&t.remove(),"self"===n)this.json.layers.push(t),t.parent=this.ref;else if("before"===n){t.parent=this.parent.ref;var r=[];this.parent.layers.forEach((function(n){n===e.ref&&r.push(t),r.push(n)})),this.parent.layers=r}else"after"===n&&(t.parent=this.parent.ref,r=[],this.parent.layers.forEach((function(n){r.push(n),n===e.ref&&r.push(t)})),this.parent.layers=r);return t}},{key:"toggle",value:function(t,e){M(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:"hasParent",value:function(t){var e=this.json.parent.id===t;return e||!1!==this.json.parent.is("project")?e:this.json.parent.hasParent(t)}},{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(Wo(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 Wo(function t(e){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,Wo(t(e)))})),n.push(e),n}(this.ref))}}])&&Uo(e.prototype,n),r&&Uo(e,r),t}();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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ti(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qo(Object(n),!0).forEach((function(e){ei(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ei(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ni(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ri(t,e){for(var n=0;n<e.length;n++){var 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(oi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ii(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ci(t);if(e){var o=ci(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ai(this,n)}}function ai(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 ci(t){return(ci=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ui=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oi(t,e)}(i,t);var e,n,r,o=ii(i);function i(){return ni(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ti({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return Q(this.toCSS())}}])&&ri(e.prototype,n),r&&ri(e,r),i}(qo);function si(t){return(si="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function li(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||pi(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function fi(t){return function(t){if(Array.isArray(t))return yi(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||pi(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pi(t,e){if(t){if("string"==typeof t)return yi(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?yi(t,e):void 0}}function yi(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function hi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function di(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hi(Object(n),!0).forEach((function(e){vi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mi(t,e){for(var n=0;n<e.length;n++){var 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,n){return(gi="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 wi(t,e){return(wi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Oi(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Si(t);if(e){var o=Si(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ki(this,n)}}function ki(t,e){return!e||"object"!==si(e)&&"function"!=typeof e?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)}var ji=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Pi=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Oi(i);function i(){return bi(this,i),o.apply(this,arguments)}return e=i,r=[{key:"join",value:function(t){var e=t.filter((function(t){return"perspective"===t.type})),n=t.filter((function(t){return"matrix3d"===t.type})),r=t.filter((function(t){return"perspective"!==t.type&&"matrix3d"!==t.type}));return[].concat(fi(e),fi(r),fi(n)).map((function(t){return new i(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new i(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return F(e)&&(e=[e]),i.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return i.join(i.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var n=i.parseStyle(t),r=n.find((function(t){return t.type===e.type}));return r?r.value=e.value:n.push(e),i.join(n)}},{key:"replaceAll",value:function(t,e){for(var n=i.parseStyle(t),r=i.parseStyle(e),o=0,a=r.length;o<a;o++){var c=r[o],u=n.find((function(t){return t.type===c.type}));u?u.value=c.value:n.push(c)}return i.join(n)}},{key:"addTransform",value:function(t,e){for(var n=i.parseStyle(t),r=i.parseStyle(e),o=0,a=r.length;o<a;o++){var c=r[o],u=n.find((function(t){return t.type===c.type}));u?c.value.forEach((function(t,e){u.value[e].value+=t.value})):n.push(c)}return i.join(n)}},{key:"get",value:function(t,e){var n=i.parseStyle(t);return(n=X(e)?n.find(e):n.find((function(t){return t.type===e})))?n.value:[]}},{key:"rotate",value:function(t,e){return i.replace(t,{type:"rotate",value:[e]})}},{key:"parseStyle",value:function(t){var e=[];return t?((t.match(ji)||[]).forEach((function(t,n){var r=li(t.split("("),2),o=r[0],a=r[1],c=(a=a.split(")")[0]).split(",");c=a.includes("matrix")||a.includes("scale")?c.map((function(t){return ln.number(t.trim())})):c.map((function(t){return ln.parse(t.trim())})),e[n]=i.parse({type:o,value:c})})),e):e}},{key:"getTransform",value:function(t,e){var n=li(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,e){var n=[],r=[];t.forEach((function(e){var r=li(e,2),o=r[0],i=r[1];n.push(o-t[0][0],i-t[0][1])})),e.forEach((function(e){var n=li(e,2),o=n[0],i=n[1];r.push(o-t[0][0],i-t[0][1])}));var o=i.getTransform(n,r),a=[];o.forEach((function(t){t.forEach((function(t){a.push(t)}))}));var c=a.join(", ");return"matrix3d(".concat(c,")")}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return gi(Si(i.prototype),"getDefaultObject",this).call(this,di({itemType:"transform",type:"",value:[]},t))}},{key:"toCloneObject",value:function(){return di(di({},gi(Si(i.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=gi(Si(i.prototype),"convert",this).call(this,t)).type.includes("matrix")||t.type.includes("scale")?t.value=t.value.map((function(t){return ln.number(t)})):t.value=t.value.map((function(t){return ln.parse(t)})),t}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}])&&mi(e.prototype,n),r&&mi(e,r),i}(ui);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 Ri(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Ei(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $i(t){return function(t){if(Array.isArray(t))return _i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Ei(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ei(t,e){if(t){if("string"==typeof t)return _i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_i(t,e):void 0}}function _i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ci(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ti(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ci(Object(n),!0).forEach((function(e){Di(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ci(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Di(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ai(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Vi(t,e,n){return(Vi="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=zi(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,e){return(Mi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Li(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zi(t);if(e){var o=zi(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bi(this,n)}}function Bi(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 zi(t){return(zi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fi=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Li(i);function i(){return Ai(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"toCloneObject",value:function(){return Ti(Ti({},Vi(zi(i.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=Vi(zi(i.prototype),"convert",this).call(this,t)).x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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=Pi.parseStyle(dn.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]),y=n[13],h=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:y,z:h}}}},{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=lt.addVector(lt.rotateVector(a.a,c.rotate),c.translate),a.b=lt.addVector(lt.rotateVector(a.b,c.rotate),c.translate),a.c=lt.addVector(lt.rotateVector(a.c,c.rotate),c.translate),a.d=lt.addVector(lt.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,$i(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(){return!(!this.json.parent||!1!==this.json.parent.is("project")||!this.isAbsolute)}},{key:"screenX",get:function(){return this.isChild?ln.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||ln.px(0)}},{key:"screenY",get:function(){return this.isChild?ln.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||ln.px(0)}},{key:"screenX2",get:function(){return ln.px(this.screenX.value+this.json.width.value)}},{key:"screenY2",get:function(){return ln.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)),ln.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)),ln.px(this.screenY.value+t)}},{key:"transformOrigin",get:function(){var t=Ri((this.json["transform-origin"]||"50% 50%").split(" ").map((function(t){return ln.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 Pi.addTransform(this.json.parent.screenTransform,this.json.transform)}}])&&Ii(e.prototype,n),r&&Ii(e,r),i}(qo);function Gi(t){return(Gi="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xi(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hi(Object(n),!0).forEach((function(e){Yi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yi(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ni(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ui(t,e){return(Ui=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Wi(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qi(t);if(e){var o=qi(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Zi(this,n)}}function Zi(t,e){return!e||"object"!==Gi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qi(t){return(qi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Ji=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Wi(i);function i(){return Ni(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Xi({selected:!1,layers:[]},t)}}])&&Ki(e.prototype,n),r&&Ki(e,r),i}(Fi);function Qi(t,e){for(var n=0;n<e.length;n++){var 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){return function(t){if(Array.isArray(t))return na(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||ea(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ea(t,e){if(t){if("string"==typeof t)return na(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?na(t,e):void 0}}function na(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var ra=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return ln.px(t).round(e)};function oa(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,ta(oa(t,e)))})),(e.id||e.includes(t.id))&&n.push(t),n}var ia=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:"getRootItem",value:function(t){var e=t||this.currentArtboard;return t&&(t.is("artboard")?e=t:t.parent&&(e=t.parent)),e}},{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:"hasDifference",value:function(t){if(t.length!=this.items.length)return!0;var e,n=new Set(t),r=new Set(this.items),o=0,i=function(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=ea(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return a=t.done,t},e:function(t){c=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}(r);try{for(i.s();!(e=i.n()).done;){var a=e.value;n.has(a)&&o++}}catch(t){i.e(t)}finally{i.f()}return r.size!=o}},{key:"select",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o=(n||[]).filter((function(t){return!t.lock&&t.isAbsolute}));return!1!==this.hasDifference(o)&&(this.items=o,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e})),this.setRectCache(),!0)}},{key:"reselect",value:function(){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:"itemsByIds",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return B(t)?oa(this.artboard,t):F(t)||H(t)?oa(this.artboard,[t]):this.items}},{key:"selectById",value:function(t){this.select.apply(this,ta(oa(this.artboard,t)))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,ta(this.items).concat(ta(oa(this.artboard,t))))}},{key:"removeById",value:function(t){this.select.apply(this,ta(this.items.filter((function(e){return e.id!=t}))))}},{key:"toggleById",value:function(t){this.itemKeys[t]?this.removeById(t):this.addById(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 Ji({x:ln.px(t),y:ln.px(e),width:ln.px(n-t),height:ln.px(r-e)})}},{key:"each",value:function(t){var e=this;X(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,ta(this.copyItems.map((function(t){return t.copy()})))),this.copy()}},{key:"isInParent",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t,r=n.parent,o=!n.is("artboard")&&e.includes(r);!o&&!M(r);)n=r,r=r.parent,o=!n.is("artboard")&&e.includes(r);return o}},{key:"move",value:function(t,e){var n=this;this.each((function(r,o){n.isInParent(r,n.items)||r.move(ra(o.x.value+t),ra(o.y.value+e))})),this.reselect()}},{key:"moveRight",value:function(t){this.each((function(e,n){e.resizeWidth(ra(n.width.value+t))}))}},{key:"moveLeft",value:function(t){this.each((function(e,n){n.width.value-t>=0&&(e.moveX(ra(n.x.value+t)),e.resizeWidth(ra(n.width.value-t)))}))}},{key:"moveBottom",value:function(t){this.each((function(e,n){e.resizeHeight(ra(n.height.value+t))}))}},{key:"moveTop",value:function(t){this.each((function(e,n){n.height.value-t>=0&&(e.moveY(ra(n.y.value+t)),e.resizeHeight(ra(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}}])&&Qi(e.prototype,n),r&&Qi(e,r),t}();function aa(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var ua=new(function(){function t(){aa(this,t),this.components={}}var e,n,r;return e=t,(n=[{key:"registerComponent",value:function(t,e){this.components[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"createComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getComponentClass(t);if(!n)throw new Error("".concat(t," type is not valid."));return new n(e)}}])&&ca(e.prototype,n),r&&ca(e,r),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)}}var la=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}var e,n,r;return e=t,(n=[{key:"registerCommand",value:function(t,e){var n=this;if(2===arguments.length){var r=function(){for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];e.call.apply(e,[n,n.$editor].concat(r))};r.source=t,this.$editor.$store.on(t,r,this,0)}else if(H(t)){var o=function(){for(var e,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];(e=t.execute).call.apply(e,[t,n.$editor].concat(o))};o.source=t.command,this.$editor.$store.on(t.command,o,this,t.debounce||0)}}}])&&sa(e.prototype,n),r&&sa(e,r),t}();function fa(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pa(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fa(Object(n),!0).forEach((function(e){ya(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fa(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ya(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,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 da(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}var va=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.list=[],this.commands={}}var e,n,r;return e=t,(n=[{key:"registerShortCut",value:function(t){this.list.push(pa(pa({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t.key)}))}},{key:"sort",value:function(){var t=this;this.list.forEach((function(e){!1===B(t.commands[e.checkKeyString])&&(t.commands[e.checkKeyString]=[]),t.commands[e.checkKeyString].push(e)}))}},{key:"splitShortCut",value:function(t){var e=t.toUpperCase().split("+").map((function(t){return t.trim()})).filter(Boolean),n=!1,r=!1,o=!1,i=!1,a=[];return e.forEach((function(t){t.includes("ALT")?n=!0:t.includes("CTRL")?r=!0:t.includes("SHIFT")?o=!0:t.includes("CMD")||t.includes("WIN")?i=!0:a.push(t)})),da(n?"ALT":"",r?"CTRL":"",o?"SHIFT":"",i?"META":"",a.join(""))}},{key:"makeKeyString",value:function(t){return da(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return da(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"checkShortCut",value:function(t,e){return this.commands[t]||this.commands[e]}},{key:"checkWhen",value:function(t){return t.when===this.$editor.modeView||""===t.when}},{key:"execute",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyString(t),this.makeCodeString(t));if(r){var o=r.filter((function(t){return t.eventType===n})).filter((function(t){return e.checkWhen(t)}));o.length&&t.preventDefault(),o.forEach((function(t){e.$editor.emit(t.command,t.args)}))}}}])&&ha(e.prototype,n),r&&ha(e,r),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)}}var ma=new Map,ga=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 ma[t]}},{key:"set",value:function(t,e){ma[t]=e}},{key:"remove",value:function(t){delete ma[t]}}])&&ba(e.prototype,n),r&&ba(e,r),t}();function wa(t){return Pa(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Sa(t)||ka()}function Oa(t,e){return Pa(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Sa(t,e)||ka()}function ka(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Sa(t,e){if(t){if("string"==typeof t)return ja(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ja(t,e):void 0}}function ja(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Pa(t){if(Array.isArray(t))return 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)}}var Ra=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=e.split("data:"),o=Oa(r,2),i=(o[0],o[1]),a=i.split(","),c=wa(a),u=c[0],s=c.slice(1),l=u.split(";"),f=Oa(l,2),p=f[0],y=f[1];return s=s.join(","),{mimeType:p,local:n&&t.getLink(p,y,s)}}},{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)&&xa(e.prototype,n),r&&xa(e,r),t}();function $a(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ea(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t.emit("noneSelectMenu"),e?t.emit("refreshSelectionStyleView"):t.emit("refreshAll"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.emit("refreshSelectionTool")}function _a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Ca(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ca(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ca(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ta(t){return function(t){if(Array.isArray(t))return Da(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Da(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Da(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Da(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var Ia=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(e,n,r){return 2===arguments.length?e.x===n.x&&e.y===n.y:3===arguments.length?t.isEqual(e,n)&&t.isEqual(n,r):void 0}},{key:"isFirst",value:function(t){return t&&"M"==t.command}},{key:"DouglasPeuker",value:function(e,n,r,o){if(!(o<=r+1)){for(var i=0,a=r,c=e*e,u=n[r],s=n[o],l=r+1;l<o;l++){var f=t.segmentDistance2(n[l].x,n[l].y,u,s);f<=i||(a=l,i=f)}i>c&&(n[a].mark=!0,t.DouglasPeuker(e,n,r,a),t.DouglasPeuker(e,n,a,o))}}},{key:"simply",value:function(e,n){return e.length<=2?e:((e=N(e))[0].mark=!0,e[e.length-1].mark=!0,t.DouglasPeuker(n,e,0,e.length-1),e.filter((function(t){return Boolean(t.mark)})))}},{key:"segmentDistance2",value:function(t,e,n,r){var o=r.x-n.x,i=r.y-n.y,a=o*o+i*i,c=t-n.x,u=e-n.y,s=o*c+i*u;if(0===a)return c*c+u*u;if(s<=0)return c*c+u*u;if(s>=a)return(c=t-r.x)*c+(u=e-r.y)*u;var l=c*i-u*o;return l*l/a}},{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}},{key:"removePoint",value:function(t,e,n){if("startPoint"===n)return t.filter((function(t,n){return n!==e}))}},{key:"splitPoints",value:function(e){var n=[],r=[];return e.forEach((function(e){t.isFirst(e)?(r=[e],n.push(r)):r.push(e)})),n}},{key:"recoverPoints",value:function(t){var e=[];return t.forEach((function(t){t.forEach((function(t,e){0===e&&(t.command="M",t.originalCommand="M")})),e.push.apply(e,Ta(t))})),e.forEach((function(t,e){t.index=e})),e}}],(n=null)&&Aa(e.prototype,n),r&&Aa(e,r),t}();function Va(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||La(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ma(t){return function(t){if(Array.isArray(t))return Ba(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||La(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function La(t,e){if(t){if("string"==typeof t)return Ba(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ba(t,e):void 0}}function Ba(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function za(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var Ga=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Ha=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Xa={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]}},toPercent:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o/t,i/e,1]}},toPixel:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o*t,i*e,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]])}},Ya=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";za(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.match(Ha)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Ga)||[];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:Ma(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=Va(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((k=Ia.getPrevPoint(t,t.length)).curve){var l=Va(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:N(k.endPoint),curve:!0})}else{var f=Va(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=Va(a,4),y=p[0],h=p[1];if(u=p[2],s=p[3],(k=Ia.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}),k.endPoint={x:y,y:h}}else o&&"L"===o.command?(k.curve=!0,k.endPoint={x:y,y:h},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})):(d={x:u,y:s},b={x:y,y:h},v={x:u,y:s},t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b}))}else if("T"===i){var m=Va(a,2);if(u=m[0],s=m[1],(x=segments[e-1])&&"Q"===x.command){var g=Va(x.values,4),w=(y=g[0],h=g[1],g[2]),O=g[3];(k=Ia.getPrevPoint(t,t.length)).endPoint=Ia.getReversePoint({x:w,y:O},{x:y,y:h}),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 k=Ia.getPrevPoint(t,t.length),S=Va(a,6),j=(y=S[0],h=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}),k&&(k.curve=!0,k.endPoint={x:y,y:h})}else if("S"===i){var x,R=Va(a,2);if(u=R[0],s=R[1],(x=segments[e-1])&&"C"===x.command){var $=Va(x.values,4);j=$[0],P=$[1],w=$[2],O=$[3],(k=Ia.getPrevPoint(t,t.length)).endPoint=Ia.getReversePoint(k.startPoint,k.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){k=Ia.getPrevPoint(t,t.length);var E=Ia.getFirstPoint(t,t.length);Ia.isEqual(k.startPoint,E.startPoint)&&(k.connected=!0,k.endPoint=N(E.endPoint),E.reversePoint=N(k.reversePoint)),k.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 L(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:"toPercent",value:function(t,e){return this._loop(Xa.toPercent(t,e)),this}},{key:"toPixel",value:function(t,e){return this._loop(Xa.toPixel(t,e)),this}},{key:"translate",value:function(t,e){return this._loop(Xa.translate(t,e)),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this._loop(Xa.translate(t,e),!0))}},{key:"scale",value:function(t,e){return this._loop(Xa.scale(t,e)),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this._loop(Xa.scale(t,e),!0))}},{key:"rotate",value:function(t,e,n){return L(e)&&L(n)?this._loop(Xa.rotateCenter(t,e,n)):this._loop(Xa.rotate(t)),this}},{key:"rotateTo",value:function(t){return this.joinPath(this._loop(Xa.rotate(t),!0))}},{key:"reflectionOrigin",value:function(t){return this._loop(Xa.reflectionOrigin(t)),this}},{key:"reflectionOriginTo",value:function(t){return this.joinPath(this._loop(Xa.reflectionOrigin(t),!0))}},{key:"flipX",value:function(t){return this._loop(Xa.flipX(t)),this}},{key:"flipXTo",value:function(t){return this.joinPath(this._loop(Xa.flipX(t),!0))}},{key:"flipY",value:function(t){return this._loop(Xa.flipY(t)),this}},{key:"flipYTo",value:function(t){return this.joinPath(this._loop(Xa.flipY(t),!0))}},{key:"skewX",value:function(t){return this._loop(Xa.skewX(t)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this._loop(Xa.skewX(t),!0))}},{key:"skewY",value:function(t){return this._loop(Xa.skewY(t)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this._loop(Xa.skewY(t),!0))}},{key:"toString",value:function(){return this.joinPath()}},{key:"d",get:function(){return this.toString()}}])&&Fa(e.prototype,n),r&&Fa(e,r),t}();function Na(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ka(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Na(Object(n),!0).forEach((function(e){Ua(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Na(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ua(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wa(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Za(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wa(Object(n),!0).forEach((function(e){qa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wa(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ja(t,e){for(var n=0;n<e.length;n++){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 Qa=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 Ya(i);return a.translate(1,1).scale(r/2,o/2).translate(e,n),a.toString()}},{key:"makePathByPoints",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new t,r=0,o=e.length;r<o;r++){var i=e[r];0===r?n.M(i):n.L(i)}return n.d}}],(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()}}])&&Ja(e.prototype,n),r&&Ja(e,r),t}();function tc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ec(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tc(Object(n),!0).forEach((function(e){nc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function nc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var rc={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},oc={command:"updateImage",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addImageAssetItem",{id:Pt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}},ic={command:"updateVideo",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addVideoAssetItem",{id:Pt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}};function ac(t,e){var n=new Image;n.onload=function(){var r={local:t.local,naturalWidth:ln.px(n.naturalWidth),naturalHeight:ln.px(n.naturalHeight),width:ln.px(n.naturalWidth),height:ln.px(n.naturalHeight)};e&&e(r,n)},n.src=t.local}function cc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function uc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cc(Object(n),!0).forEach((function(e){sc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var lc={command:"addImageAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createImage(e),t.emit("addImageAsset"),ac(e,(function(r){t.emit("addImage",uc(uc({src:e.local},r),n)),t.changeMode(ap),t.emit("afterChangeMode")})))}};function fc(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:ln.px(n.videoWidth),naturalHeight:ln.px(n.videoHeight),width:ln.px(n.videoWidth),height:ln.px(n.videoHeight),duration:n.duration,playTime:"0:1:".concat(n.duration),volume:n.volume,muted:n.muted,placebackRate:n.playbackRate};e&&e(r,n)},n.src=t.local}function pc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pc(Object(n),!0).forEach((function(e){hc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var dc={command:"addVideoAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createVideo(e),t.emit("addVideoAsset"),fc(e,(function(r){t.emit("addVideo",yc(yc({src:e.local},r),n)),t.changeMode(ap),t.emit("afterChangeMode")})))}};function vc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var mc={command:"dropImageUrl",execute:function(t,e){ac({local:e},(function(e){t.emit("addImage",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vc(Object(n),!0).forEach((function(e){bc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(ap),t.emit("afterChangeMode")}))}},gc={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=Pt(),o=n.createSVGFilter({id:r,filters:[]});e&&e(o,r)}}},wc={command:"updateImageAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createImage({id:Pt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addImageAsset"),X(n)&&n(i))},r.readAsDataURL(e)}},Oc={command:"updateVideoAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createVideo({id:Pt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addVideoAsset"),X(n)&&n(i))},r.readAsDataURL(e)}},kc={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Ra.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:Pt(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var o=e.data.split(".").pop(),i=e.data.split("/").pop();switch(o){case"png":case"jpg":case"gif":case"svg":t.emit("addImageAssetItem",{id:Pt(),type:"image/"+o,name:i,original:e.data,local:e.data})}}}};function Sc(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()}var jc={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Sc("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}};function Pc(t){return function(t){if(Array.isArray(t))return xc(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return xc(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xc(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xc(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var $c=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={};return 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,Pc(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}),r=JSON.stringify(r,null,4),o=JSON.stringify(o,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(o,");\nplayer.play();\n")}}])&&Rc(e.prototype,n),r&&Rc(e,r),t}(),Ec=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"anipa";switch(e){case"anipa":return new $c(t).generateCode()}return""},_c={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(Q(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(t){var e=t.selection.currentProject,n=t.selection.currentArtboard,r="\n".concat(this.makeStyle(e),"\n").concat(this.makeStyle(n,"\n  left: 0px;\n  top: 0px;\n")),o="\n".concat(n.html,"\n").concat(this.makeSvg(e),"\n    "),i=Ec(n,"anipa");return{html:o=t.replaceLocalUrltoRealUrl(o),css:r=t.replaceLocalUrltoRealUrl(r),js:i=t.replaceLocalUrltoRealUrl(i)}},generateSVG:function(t,e){return t.replaceLocalUrltoRealUrl(e.generateSVG(!0))}},Cc={command:"downloadSVG",execute:function(t){var e=t.selection.current||t.$selection.currentArtboard,n=_c.generateSVG(t,e).trim();Sc("data:image/svg+xml;base64,"+window.btoa(n),e.id)}};var Tc={command:"downloadPNG",execute:function(t){var e=t.selection.current||t.selection.currentArtboard,n=_c.generateSVG(t,e).trim(),r="data:image/svg+xml;base64,"+window.btoa(n),o=e.id;ac({local:r},(function(t,e){!function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=dn.create("canvas"),o=t.width,i=t.height;r.resize({width:o,height:i}),r.drawImage(t),e&&e(r.toDataURL(n))}(e,(function(t){Sc(t,o)}))}))}},Dc={command:"load.json",execute:function(t,e){var n=(e=e||t.loadResource("projects",[])).map((function(e){return function t(e,n){return n.layers=n.layers.map((function(n){return t(e,n)})),e.components.createComponent(n.itemType,n)}(t,e)}));if(n.forEach((function(t){t.artboards.forEach((function(t){t.selectTimeline()}))})),n.length){var r=n[0];if(t.selection.selectProject(r),r.artboards.length){var o=r.artboards[0];t.selection.selectArtboard(o),o.layers.length?t.selection.select(o.layers[0]):t.selection.select(o)}t.load(n),Ea(t)}else t.emit("addArtBoard")}};function Ac(t,e){var n=t.selection.currentArtboard;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var Ic={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Ac(t,(function(r,o){var i;!1===B(e)&&(e=[e]);var a=[];e.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=t.timeline).select.apply(i,a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Vc={command:"setTimelineOffset",debounce:100,execute:function(t,e){Ac(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},Mc={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Ac(t,(function(n,r){var o,i=[];t.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=t.timeline).select.apply(o,i),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Lc={command:"removeTimelineProperty",execute:function(t,e,n){Ac(t,(function(r,o){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Bc={command:"deleteTimelineKeyframe",execute:function(t){Ac(t,(function(e,n){t.timeline.each((function(t){e.deleteTimelineKeyframe(t.layerId,t.property,t.id)})),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},zc={command:"selectTimelineItem",execute:function(t,e){Ac(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Fc={command:"removeTimeline",execute:function(t,e){Ac(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Gc={command:"removeAnimationItem",execute:function(t,e){Ac(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},Hc={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Ac(t,(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);t.timeline.select(a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Xc={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Ac(t,(function(o,i){o.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}};function Yc(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Nc(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Nc(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nc(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Kc(t,e){if(F(e)){var n=Yc(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 Y(e)?e/t:0}function Uc(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 Wc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Uc(t,Kc(t,e)-Kc(t,n))}function Zc(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,Y(t.elapsed)&&(e.elapsed=t.elapsed),Y(t.speed)&&(e.speed=t.speed),Y(t.duration)&&(e.duration=t.duration),Y(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),F(t.direction)&&(e.direction=t.direction),X(t.tick)&&(e.tick=t.tick),X(t.start)&&(e.startCallback=t.start),X(t.end)&&(e.endCallback=t.end),X(t.first)&&(e.firstCallback=t.first),X(t.last)&&(e.lastCallback=t.last),X(t.stop)&&(e.stopCallback=t.stop),e.firstCallback(e.elapsed,e),o()},stop:function(){e.stopCallback(e.elapsed,e),cancelAnimationFrame(e.id)},tick:r,first:function(t){a(0)},last:function(t){a(e.duration)},seek:a,timer:e}}var qc={command:"playTimelineItem",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"normal";t.selection.empty(),t.emit("refreshSelection"),t.changeMode("play"),t.emit("afterChangeMode"),Ac(t,(function(o,i){var a=o.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Zc({elapsed:1e3*i.currentTime,speed:e,duration:1e3*a,iterationCount:n,direction:r}),t.timer.play({duration:1e3*a,elapsed:1e3*i.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){o.seek(Uc(i.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")},stop:function(e,n){o.stop(Uc(i.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},Jc={command:"prevTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Qc={command:"firstTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},tu={command:"nextTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},eu={command:"lastTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},nu={command:"addTimelineItem",execute:function(t,e){Ac(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},ru={command:"drop.asset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;e.color?t.emit("addBackgroundColor",e.color,n):e.gradient?t.emit("addBackgroundImageGradient",e.gradient,n):e.imageUrl&&t.emit("addBackgroundImageAsset",e.imageUrl,n),Ea(t,!0)}};function ou(t){return(ou="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function au(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iu(Object(n),!0).forEach((function(e){cu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function uu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function su(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lu(t,e,n){return(lu="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 fu(t,e){return(fu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hu(t);if(e){var o=hu(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yu(this,n)}}function yu(t,e){return!e||"object"!==ou(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hu(t){return(hu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var du=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fu(t,e)}(i,t);var e,n,r,o=pu(i);function i(){return uu(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return lu(hu(i.prototype),"getDefaultObject",this).call(this,au({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"}}])&&su(e.prototype,n),r&&su(e,r),i}(ui);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bu(Object(n),!0).forEach((function(e){gu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ou(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=xu(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 Su(t,e){return(Su=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ju(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xu(t);if(e){var o=xu(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pu(this,n)}}function Pu(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 xu(t){return(xu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Ru=1e10;var $u=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Su(t,e)}(i,t);var e,n,r,o=ju(i);function i(){return wu(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=[],n=Se(t),r=n.str.split(" ").filter((function(t){return t.trim()})),o=+r[0].replace("@",""),a=n.matches[o].color;if(1===r.length)e.push(new i({color:a,unit:"%",percent:0,hasNotUnit:!0}));else if(2===r.length){var c=ln.parse(r[1]),u={unit:c.unit};c.isPercent()?u.percent=c.value:c.isPx()?u.px=c.value:c.isEm()&&(u.em=c.value),e.push(new i(mu({color:a},u)))}else if(3===r.length){var s=ln.parse(r[2]),l={unit:s.unit};s.isPercent()?l.percent=s.value:s.isPx()?l.px=s.value:s.isEm()&&(l.em=s.value),e.push(new i(mu({color:a,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=m(2,t),o=e/r,i=W(r).map((function(t,e){return"".concat(Ye.random()," ").concat(e*o).concat(n)})).join(",");return i}},{key:"createRepeatColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ln.px(1),n=m(2,t),r=W(n).map((function(t,n){return"".concat(Ye.random()," ").concat(ln.parse(e).mul(n+1))})).join(",");return r}}],(n=[{key:"getDefaultObject",value:function(){return{id:"c"+Ru++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return mu(mu({},ku(xu(i.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 ln.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){ku(xu(i.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}}])&&Ou(e.prototype,n),r&&Ou(e,r),i}(qo);function Eu(t){return(Eu="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_u(Object(n),!0).forEach((function(e){Tu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_u(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Tu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Du(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Au(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=Bu(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 Vu(t,e){return(Vu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Mu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bu(t);if(e){var o=Bu(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Lu(this,n)}}function Lu(t,e){return!e||"object"!==Eu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bu(t){return(Bu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var zu={"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},Fu=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vu(t,e)}(i,t);var e,n,r,o=Mu(i);function i(){return Du(this,i),o.apply(this,arguments)}return e=i,r=[{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 $u({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}],(n=[{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 Iu(Bu(i.prototype),"getDefaultObject",this).call(this,Cu({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return Cu(Cu({},Iu(Bu(i.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 $u(t)})),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return M(zu[t])?t:zu[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 $u({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 $u({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)return i=Ye.mix(s.color,l.color,(t-s.percent)/(l.percent-s.percent),"rgb"),void this.addColorStep(new $u({index:s.index+1,color:i,percent:t}))}}else this.addColorStepList([new $u({color:e,percent:t,index:0}),new $u({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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.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 i.toColorString(t)}},{key:"colorsteps",get:function(){return this.json.colorsteps}}])&&Au(e.prototype,n),r&&Au(e,r),i}(du);function Gu(t){return(Gu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Hu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hu(Object(n),!0).forEach((function(e){Yu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Nu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ku(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Uu(t,e,n){return(Uu="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=Ju(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,e){return(Wu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Zu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ju(t);if(e){var o=Ju(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qu(this,n)}}function qu(t,e){return!e||"object"!==Gu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ju(t){return(Ju=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Qu=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Wu(t,e)}(i,t);var e,n,r,o=Zu(i);function i(){return Nu(this,i),o.apply(this,arguments)}return e=i,r=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new i({colorsteps:[new $u({color:t,percent:0,index:0}),new $u({color:t,percent:100,index:1})]})}}],(n=[{key:"getDefaultObject",value:function(){return Uu(Ju(i.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new $u({color:"red",percent:0,index:0}),new $u({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return Xu(Xu({},Uu(Ju(i.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}}])&&Ku(e.prototype,n),r&&Ku(e,r),i}(Fu);function ts(t){return(ts="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function es(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ns(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?es(Object(n),!0).forEach((function(e){rs(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):es(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rs(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function os(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return e&&is(t.prototype,e),n&&is(t,n),t}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=ps(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,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function ss(t,e){return(ss=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ls(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ps(t);if(e){var o=ps(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fs(this,n)}}function fs(t,e){return!e||"object"!==ts(e)&&"function"!=typeof e?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)}var ys=["jpg","jpeg","png","gif","svg"];var hs=function(t){us(n,t);var e=ls(n);function n(){return os(this,n),e.apply(this,arguments)}return as(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return cs(ps(n.prototype),"getDefaultObject",this).call(this,ns({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return ns(ns({},cs(ps(n.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=this.json;return"url(".concat(t.url,")")}}],[{key:"parse",value:function(t){return new n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return ys.includes(t)}}]),n}(du);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){return function(t){if(Array.isArray(t))return bs(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return bs(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return bs(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function bs(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function ms(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ms(Object(n),!0).forEach((function(e){ws(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ms(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ws(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Os(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ks(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Ss="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=Rs(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 js(t,e){return(js=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ps(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rs(t);if(e){var o=Rs(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xs(this,n)}}function xs(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 Rs(t){return(Rs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $s={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"},Es={"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"},_s=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ps(i);function i(){return Os(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new i({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Se(t),n=0,r=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,o){t.includes("@")?(t=Pe(t,e.matches),r.push.apply(r,vs($u.parse(t)))):n=M(Es[t])?ln.parse(t):ln.deg(+Es[t])})),new i({angle:n.value,colorsteps:r})}}],(n=[{key:"getDefaultObject",value:function(t){return Ss(Rs(i.prototype),"getDefaultObject",this).call(this,gs({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return gs(gs({},Ss(Rs(i.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 Y(e=this.json.angle||0)&&(e=$s["".concat(e)]||e),Y(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}])&&ks(e.prototype,n),r&&ks(e,r),i}(Fu);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 Ts(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ds(t,e){for(var n=0;n<e.length;n++){var 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,n){return(As="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=Ls(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 Is(t,e){return(Is=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vs(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ls(t);if(e){var o=Ls(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ms(this,n)}}function Ms(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)}var Bs,zs=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Vs(i);function i(){return Ts(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=_s.parse(t);return new i({angle:e.angle,colorsteps:e.colorsteps})}}],(n=[{key:"getDefaultObject",value:function(){return As(Ls(i.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}])&&Ds(e.prototype,n),r&&Ds(e,r),i}(_s);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 Gs(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Xs(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Hs(t){return function(t){if(Array.isArray(t))return Ys(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Xs(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Xs(t,e){if(t){if("string"==typeof t)return Ys(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ys(t,e):void 0}}function Ys(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ns(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ks(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ns(Object(n),!0).forEach((function(e){el(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ns(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Us(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=tl(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,e){return(qs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Js(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tl(t);if(e){var o=tl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Qs(this,n)}}function Qs(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 tl(t){return(tl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function el(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var nl=(el(Bs={},"center",!0),el(Bs,"top",!0),el(Bs,"left",!0),el(Bs,"right",!0),el(Bs,"bottom",!0),Bs),rl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Js(i);function i(){return Us(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Se(t),n="ellipse",r=[un.CENTER,un.CENTER],o=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,i){if(t.includes("@"))t=Pe(t,e.matches),o.push.apply(o,Hs($u.parse(t)));else{if(t.includes("at")){var a=Gs(t.split("at").map((function(t){return t.trim()})),2);n=a[0],r=a[1]}else n=t;if(F(r)){var c=r.split(" ");if(1===c.length){var u=ln.parse(c[0]);r=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(r=c.map((function(t){var e=ln.parse(t);return e.isString()?e.value:e.clone()})))}}})),new i({radialType:n,radialPosition:r,colorsteps:o})}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zs(tl(i.prototype),"getDefaultObject",this).call(this,Ks({type:"radial-gradient",radialType:"ellipse",radialPosition:[un.CENTER,un.CENTER]},t))}},{key:"toCloneObject",value:function(){return Ks(Ks({},Zs(tl(i.prototype),"toCloneObject",this).call(this)),{},{radialType:this.json.radialType,radialPosition:N(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=nl[o]?o:o.join(" "))?"".concat(r," at ").concat(o):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}])&&Ws(e.prototype,n),r&&Ws(e,r),i}(Fu);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function al(t,e){for(var n=0;n<e.length;n++){var 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,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=fl(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 ul(t,e){return(ul=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fl(t);if(e){var o=fl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ll(this,n)}}function ll(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 fl(t){return(fl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pl,yl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=sl(i);function i(){return il(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=rl.parse(t);return new i({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}],(n=[{key:"getDefaultObject",value:function(){return cl(fl(i.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}])&&al(e.prototype,n),r&&al(e,r),i}(rl);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 dl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||bl(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vl(t){return function(t){if(Array.isArray(t))return ml(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||bl(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function bl(t,e){if(t){if("string"==typeof t)return ml(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ml(t,e):void 0}}function ml(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function gl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gl(Object(n),!0).forEach((function(e){$l(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ol(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Sl(t,e,n){return(Sl="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=Rl(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 jl(t,e){return(jl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Pl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rl(t);if(e){var o=Rl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xl(this,n)}}function xl(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 Rl(t){return(Rl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $l(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var El=($l(pl={},"center",!0),$l(pl,"top",!0),$l(pl,"left",!0),$l(pl,"right",!0),$l(pl,"bottom",!0),pl),_l={"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},Cl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Pl(i);function i(){return Ol(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Se(t),n="0deg",r=[un.CENTER,un.CENTER],o=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,i){if(t.includes("@"))t=Pe(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?ln.parse(t).toPercent():t})).join(" "),e.matches),o.push.apply(o,vl($u.parse(t)));else{if(t.includes("at")){var a=dl(t.split("at").map((function(t){return t.trim()})),2);n=a[0],r=a[1]}else n=t;if(F(r)){var c=r.split(" ");if(1===c.length){var u=ln.parse(c[0]);r=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(r=c.map((function(t){var e=ln.parse(t);return e.isString()?e.value:e})))}F(n)&&n.includes("from")&&(n=n.split("from")[1],n=M(_l[n])?ln.parse(n):ln.deg(+_l[n]))}})),new i({angle:n.value,radialPosition:r,colorsteps:o})}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Sl(Rl(i.prototype),"getDefaultObject",this).call(this,wl({type:"conic-gradient",angle:0,radialPosition:[un.CENTER,un.CENTER]},t))}},{key:"toCloneObject",value:function(){return wl(wl({},Sl(Rl(i.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:N(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||un.CENTER;o=El[o]?o:o.join(" "),L(r)&&(r=+(_l[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,")")}}])&&kl(e.prototype,n),r&&kl(e,r),i}(Fu);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 Dl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Al(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Il="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=Bl(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 Vl(t,e){return(Vl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ml(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bl(t);if(e){var o=Bl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ll(this,n)}}function Ll(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 Bl(t){return(Bl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var zl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vl(t,e)}(i,t);var e,n,r,o=Ml(i);function i(){return Dl(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Cl.parse(t);return new i({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}],(n=[{key:"getDefaultObject",value:function(){return Il(Bl(i.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[un.CENTER,un.CENTER]})}}])&&Al(e.prototype,n),r&&Al(e,r),i}(Cl);function Fl(t){return(Fl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Hl(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Hl(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Hl(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Xl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xl(Object(n),!0).forEach((function(e){Nl(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 Kl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ul(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Wl="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=Ql(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 Zl(t,e){return(Zl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ql(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ql(t);if(e){var o=Ql(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Jl(this,n)}}function Jl(t,e){return!e||"object"!==Fl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ql(t){return(Ql=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var tf=["repeat","no-repeat","repeat-x","repeat-y","round","space"],ef=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,nf=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ql(i);function i(){return Kl(this,i),o.apply(this,arguments)}return e=i,r=[{key:"createImage",value:function(t){return new hs({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 Qu(Yl(Yl({},a),{},{colorsteps:n}));case"linear-gradient":return new _s(Yl(Yl({},a),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new zs(Yl(Yl({},a),{},{colorsteps:n,angle:r}));case"radial-gradient":return new rl(Yl(Yl({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new yl(Yl(Yl({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Cl(Yl(Yl({},a),{},{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new zl(Yl(Yl({},a),{},{colorsteps:n,angle:r,radialPosition:i}))}return new Fu}},{key:"parse",value:function(t){return new i(t)}},{key:"parseImage",value:function(t){var e=Se(t),n=null,r=e.str.match(ef);return r?(r.forEach((function(t,r){(t=Pe(t,e.matches)).includes("repeating-linear-gradient")?n=zs.parse(t):t.includes("linear-gradient")?n=_s.parse(t):t.includes("repeating-radial-gradient")?n=yl.parse(t):t.includes("radial-gradient")?n=rl.parse(t):t.includes("repeating-conic-gradient")?n=zl.parse(t):t.includes("conic-gradient")?n=Cl.parse(t):t.includes("url")&&(n=hs.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new Qu(t);case"linear-gradient":return new _s(t);case"repeating-linear-gradient":return new zs(t);case"radial-gradient":return new rl(t);case"repeating-radial-gradient":return new yl(t);case"conic-gradient":return new Cl(t);case"repeating-conic-gradient":return new zl(t);case"image-resource":case"url":return new hs(t)}}},{key:"parseStyle",value:function(t){var e=[];if(t["background-image"]){var n=Se(t["background-image"]);n.str.match(ef).forEach((function(t,r){var o=null;(t=Pe(t,n.matches)).includes("repeating-linear-gradient")?o=zs.parse(t):t.includes("linear-gradient")?o=_s.parse(t):t.includes("repeating-radial-gradient")?o=yl.parse(t):t.includes("radial-gradient")?o=rl.parse(t):t.includes("repeating-conic-gradient")?o=zl.parse(t):t.includes("conic-gradient")?o=Cl.parse(t):t.includes("url")&&(o=hs.parse(t)),e[r]=new i({type:o.type,image:o})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=Gl(t.split(" "),2),o=r[0],i=r[1];e[n].width=ln.parse(o),e[n].height=ln.parse(i)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=Gl(t.split(" "),2),o=r[0],i=r[1];e[n].x=ln.parse(o),e[n].y=ln.parse(i)}})),e}},{key:"toPropertyCSS",value:function(t){var e={};return t.forEach((function(t){T(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),U(e)}},{key:"join",value:function(t){return Q(i.toPropertyCSS(t.map((function(t){return i.parse(t)}))))}},{key:"joinCSS",value:function(t){return i.toPropertyCSS(t.map((function(t){return i.parse(t)})))}}],(n=[{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:i.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:i.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return Wl(Ql(i.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:ln.percent(100),height:ln.percent(100),x:ln.percent(0),y:ln.percent(0),image:new Qu})}},{key:"toCloneObject",value:function(){var t=this.json;return Yl(Yl({},Wl(Ql(i.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=ln.parse(t.x),t.y=ln.parse(t.y),t.width&&(t.width=ln.parse(t.width)),t.height&&(t.height=ln.parse(t.height)),F(t.image)&&(t.image=i.parseImage(t.image)),t}},{key:"checkField",value:function(t,e){return"repeat"===t?tf.includes(e):Wl(Ql(i.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{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(){return Yl(Yl(Yl(Yl(Yl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return D(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}}])&&Ul(e.prototype,n),r&&Ul(e,r),i}(ui),rf={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=nf.parseStyle(tt(n["background-image"]));r.unshift(new nf({image:nf.parseImage(e)})),t.emit("setAttribute",{"background-image":nf.join(r)},n.id)})),Ea(t,!0)}},of={command:"addBackgroundImageAsset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=nf.parseStyle(tt(n["background-image"]));r.unshift(new nf({image:new hs({url:e})}));var o=Q(nf.toPropertyCSS(r));t.emit("setAttribute",{"background-image":o},n.id)})),Ea(t,!0)}},af={command:"item.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(-1*n,0),t.emit("refresh"),Ea(t,!0)}},cf={command:"item.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(n,0),t.emit("refresh"),Ea(t,!0)}},uf={command:"item.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,-1*n),t.emit("refresh"),Ea(t,!0)}},sf={command:"item.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,n),t.emit("refresh"),Ea(t,!0)}};var lf={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},ff={command:"segment.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,n)}},pf={command:"segment.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,-1*n)}},yf={command:"segment.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",n,0)}},hf={command:"segment.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",-1*n,0)}},df={command:"toggle.fullscreen",execute:function(t,e){dn.body().fullscreen()}};function vf(t){return(vf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bf(t){return function(t){if(Array.isArray(t))return wf(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||gf(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mf(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||gf(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function gf(t,e){if(t){if("string"==typeof t)return wf(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?wf(t,e):void 0}}function wf(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Of(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Of(Object(n),!0).forEach((function(e){Sf(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Of(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Sf(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function jf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return e&&Pf(t.prototype,e),n&&Pf(t,n),t}function Rf(t,e,n){return(Rf="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 $f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function Ef(t,e){return(Ef=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _f(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Tf(t);if(e){var o=Tf(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Cf(this,n)}}function Cf(t,e){return!e||"object"!==vf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Tf(t){return(Tf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Df=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,Af=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,kf({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Hf[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Se(t);return(r.str.match(Df)||[]).forEach((function(t,o){var i=mf(t.split("("),2),a=i[0],c=i[1],u=mf((c=c.split(")")[0]).split(",").map((function(t){return t.trim()})),6),s=u[0],l=u[1],f=u[2],p=u[3],y=u[4],h=u[5],d=mf(s.split(" "),2),v=d[0],b=d[1],m=mf(l.split(" "),2),g=m[0],w=m[1],O=mf((h||"").split(" "),2),k=O[0],S=O[1];e[o]=n.parse({type:a,x:ln.parse(g),y:ln.parse(w),width:ln.parse(v),height:ln.parse(b),foreColor:Pe(f,r.matches),backColor:Pe(p,r.matches),blendMode:y||"normal",lineWidth:ln.parse(k||"1px"),lineHeight:ln.parse(S||"1px")})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,bf(nf.parseStyle(tt(t.toCSS()))))})),nf.joinCSS(e)}}]),n}(ui),If=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:ln.px(0),y:ln.px(0),width:ln.px(20),height:ln.px(20),lineWidth:ln.px(1),lineHeight:ln.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=Rf(Tf(n.prototype),"convert",this).call(this,t)).width=ln.parse(t.width),t.height=ln.parse(t.height),t.lineWidth=ln.parse(t.lineWidth),t.lineHeight=ln.parse(t.lineHeight),t.x=ln.parse(t.x),t.y=ln.parse(t.y),t}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.width,r=t.height,o=t.x,i=t.y,a=t.foreColor,c=t.backColor,u=t.blendMode,s=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(o," ").concat(i,", ").concat(a,", ").concat(c,", ").concat(u,", ").concat(s," ").concat(l,")")}}]),n}(Af),Vf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(a=a||"black"," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%),repeating-linear-gradient(45deg, ").concat(a," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,", ").concat(e," ").concat(n,";\n      background-blend-mode: ").concat(c,", ").concat(c,";\n    ")}}]),n}(If),Mf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=t.lineHeight,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: linear-gradient(".concat(a=a||"black"," ").concat(o,", ").concat(i," ").concat(o,"),linear-gradient(to right, ").concat(a," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px, ").concat(e.value/2,"px ").concat(n.value/2,"px;      \n      background-blend-mode: ").concat(c,", ").concat(c,";      \n    ")}}]),n}(If),Lf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=(t.lineHeight,t.backColor),i=t.foreColor,a=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(i=i||"black"," ").concat(r,", ").concat(o," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(a,";      \n    ")}}]),n}(If),Bf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=(t.lineHeight,t.backColor),c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(i,", ").concat(a," ").concat(i,"),radial-gradient(").concat(c," ").concat(i,", ").concat(a," ").concat(i,");\n      background-size: ").concat(e," ").concat(n,",").concat(e," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(o,";      \n      background-blend-mode: multiply, ").concat(u,";\n    ")}}]),n}(If),zf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.lineWidth,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent",a=a||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(a," 0, ").concat(a," ").concat(o,", ").concat(i," 0, ").concat(i," 50%);\n      background-size: ").concat(e," ").concat(n,";      \n      background-blend-mode: ").concat(c,";\n    ")}}]),n}(If),Ff=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);\n      background-size: ").concat(e," ").concat(n,"; \n      background-position: ").concat(r," ").concat(o,";        \n      background-blend-mode: ").concat(u,";\n    ")}}]),n}(If),Gf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);    \n      background-position: ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,";   \n      background-blend-mode: ").concat(u,";\n    ")}}]),n}(If),Hf={check:Vf,grid:Mf,dot:Lf,"cross-dot":Bf,"diagonal-line":zf,"vertical-line":Ff,"horizontal-line":Gf},Xf={CheckPattern:Vf,GridPattern:Mf,DotPattern:Lf,CrossDotPattern:Bf,DiagonalLinePattern:zf,VerticalLinePattern:Ff,HorizontalLinePattern:Gf};function Yf(t){return function(t){if(Array.isArray(t))return Nf(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Nf(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Nf(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nf(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var Kf={command:"addBackgroundImagePattern",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{pattern:Af.join([].concat(Yf(Af.parseStyle(e)),Yf(Af.parseStyle(n.pattern))))},n.id)})),Ea(t,!0)}},Uf={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{"background-color":e},n.id)})),Ea(t,!0)}};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)}}var Zf,qf=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(t){return 1===t.selection.items.length?t.selection.currentArtboard:t.selection.allRect}}],(n=null)&&Wf(e.prototype,n),r&&Wf(e,r),t}(),Jf={command:"sort.bottom",execute:function(t){var e=qf.getContainer(t).screenY2.value;t.selection.each((function(t){t.setScreenY2(e)})),t.emit("resetSelection")}},Qf={command:"sort.top",execute:function(t){var e=qf.getContainer(t).screenY.value;t.selection.each((function(t){t.setScreenY(e)})),t.emit("resetSelection")}},tp={command:"sort.right",execute:function(t){var e=qf.getContainer(t).screenX2.value;t.selection.each((function(t){t.setScreenX2(e)})),t.emit("resetSelection")}};function ep(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var np=(ep(Zf={refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas",!0),t.emit("refreshStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection")},resetSelection:function(t){t.selection.setRectCache(),t.emit("setAttribute"),t.emit("refreshSelectionTool")},addBackgroundColor:Uf,addBackgroundImagePattern:Kf,toggleFullscreen:df,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:ff,segmentMoveUp:pf,segmentMoveRight:yf,segmentMoveLeft:hf,changeModeView:lf,addDrawBrush:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showBrushDrawEditor")},addDrawPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathDrawEditor")},itemDelete:{command:"item.delete",execute:function(t){t.selection.remove(),t.emit("refreshArtboard")}},itemMoveRight:cf,itemMoveUp:uf,itemMoveDown:sf,itemMoveLeft:af,keymapKeydown:{command:"keymap.keydown",execute:function(t,e){t.shortcuts.execute(e,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(t,e){t.shortcuts.execute(e,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(t){t.emit("changeScaleValue",t.scale-.25)}},scalePlus:{command:"scale.plus",execute:function(t){t.emit("changeScaleValue",t.scale+.25)}},dropAsset:ru,addBackgroundImageAsset:of,addBackgroundImageGradient:rf,addTimelineItem:nu,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:eu,nextTimelineItem:tu,firstTimelineItem:Qc,prevTimelineItem:Jc,playTimelineItem:qc,copyTimelineProperty:Xc,addTimelineKeyframe:Hc,removeAnimationItem:Gc,removeTimeline:Fc,selectTimelineItem:zc,deleteTimelineKeyframe:Bc,removeTimelineProperty:Lc,addTimelineCurrentProperty:Mc,setTimelineOffset:Vc,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:Ic,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:Dc,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},downloadPNG:Tc,downloadSVG:Cc,downloadJSON:jc,updateUriList:kc,updateImageAssetItem:wc,updateVideoAssetItem:Oc,addSVGFilterAssetItem:gc,dropImageUrl:mc,addImageAssetItem:lc,addVideoAssetItem:dc,updateImage:oc,updateVideo:ic,updateResource:{command:"updateResource",execute:function(t,e){e.forEach((function(n){switch(n.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("updateImage",n);break;case"text/plain":case"text/html":e.length&&t.emit("addText",{content:n.data});break;case"text/uri-list":t.emit("updateUriList",n)}}))}},fileDropItems:rc,updateScale:{command:"updateScale",execute:function(t,e){t.scale=e,t.emit("changeScale")}},showExportView:{command:"showExportView",execute:function(t){t.emit("showExportWindow")}},switchTheme:{command:"switchTheme",execute:function(t,e){t.changeTheme(e),t.emit("changeTheme")}},clipboardPaste:{command:"clipboard.paste",execute:function(t,e){t.selection.length&&(t.selection.paste(),t.emit("refreshAll"))}},clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.selection.currentProject;n||(n=t.add(t.components.createComponent("project")),t.selection.selectProject(n));var r=n.add(t.components.createComponent("artboard",Ka({x:ln.px(300),y:ln.px(200),width:ln.px(375),height:ln.px(667)},e)));t.selection.selectArtboard(r),t.selection.select(r),Ea(t)},addImage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","image",e,e)},addVideo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","video",e,e)},addLayer:function t(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=e.selection.current||e.selection.currentArtboard;o?(o.enableHasChildren()||(o=o.parent),o.add(n),r.x&&n.setScreenX(r.x.value),r.y&&n.setScreenY(r.y.value),e.selection.select(n),Ea(e)):(e.emit("addArtBoard"),setTimeout((function(){t(e,n,r)}),50))},addPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathEditor","path")},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.components.createComponent("project",Za({},e)));t.selection.selectProject(n),Ea(t)},convertPath:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.current;if(r){if(r.is("svg-path","svg-brush","svg-textpath")){var o=e;if(n)(i=new Ya(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.updatePathItem({d:o})}else if(r["clip-path"].includes("path")){var i;o=e;if(n)(i=new Ya(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.reset({"clip-path":"path(".concat(o,")")})}t.emit("refreshElement",r)}},newComponent:function(t,e,n){e.includes("text")||(n["background-color"]=Ye.random()),"svg-textpath"===e?n=ec(ec({},n),{},{text:"Insert a newText","font-size":ln.parse(n.height),textLength:"100%",d:Qa.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===e?(e="svg-path",n=ec(ec({},n),{},{"background-color":void 0,d:Qa.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===e?(e="svg-path",n=ec(ec({},n),{},{"background-color":void 0,d:Qa.makeRect(0,0,n.width.value,n.height.value)})):"text"===e&&(n=ec(ec({},n),{},{content:"Insert a text",width:ln.px(300),height:ln.px(50),"font-size":ln.px(30)})),t.emit("addLayer",t.components.createComponent(e,ec({},n)),n),t.changeMode(ap),t.emit("afterChangeMode")},refreshElement:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t.emit("refreshSelectionStyleView",e,n,e&&!1===e.enableHasChildren()),!0===r&&t.emit("refreshElementBoundSize",t.selection.getRootItem(e))},refreshProject:function(t,e){t.emit("refreshStyleView",e,!0)},resizeArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=e.split("x"),o=_a(r,2),i=o[0],a=o[1];i=ln.px(i),a=ln.px(a),n.reset({width:i,height:a}),t.selection.select(n),Ea(t)}},selectItem:function(t){t.changeMode(ap),t.emit("afterChangeMode")},selectArtboard:function(t,e){e&&(t.selection.selectArtboard(e),t.selection.select(e),t.emit("refreshArtboard"),t.emit("resetSelection"))},setAttribute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];t.selection.itemsByIds(n).forEach((function(n){Object.keys(e).forEach((function(t){var r=e[t];X(r)&&(r=r()),n.reset($a({},t,r))})),t.emit("refreshElement",n,r,o)}))},sortBottom:Jf,sortCenter:{command:"sort.center",execute:function(t){var e=qf.getContainer(t),n=e.screenX.value+e.width.value/2;t.selection.each((function(t){t.setScreenXCenter(n)})),t.emit("resetSelection")}},sortLeft:{command:"sort.left",execute:function(t){var e=qf.getContainer(t).screenX.value;t.selection.each((function(t){t.setScreenX(e)})),t.emit("resetSelection")}},sortMiddle:{command:"sort.middle",execute:function(t){var e=qf.getContainer(t),n=e.screenY.value+e.height.value/2;t.selection.each((function(t){t.setScreenYMiddle(n)})),t.emit("resetSelection")}}},"sortBottom",Jf),ep(Zf,"sortTop",Qf),ep(Zf,"sortRight",tp),ep(Zf,"sameWidth",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenX(n.x.value),t.width.set(n.width.value)}))}t.emit("resetSelection")}}),ep(Zf,"sameHeight",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenY(n.y.value),t.height.set(n.height.value)}))}t.emit("resetSelection")}}),Zf),rp=[{key:"1",command:"addComponentType",args:"rect",description:"Add rect layer",when:"CanvasView"},{key:"2",command:"addComponentType",args:"circle",description:"Add circle layer",when:"CanvasView"},{key:"3",command:"addComponentType",args:"text",description:"Add text layer",when:"CanvasView"},{key:"4",command:"addComponentType",args:"image",description:"Add image layer",when:"CanvasView"},{key:"5",command:"addComponentType",args:"cube",description:"Add cube layer",when:"CanvasView"},{key:"6",command:"addPath",description:"Add svg path",when:"CanvasView"},{key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:{dy:1},when:"PathEditorView"},{key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:{dy:1},when:"PathEditorView"},{key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:{dx:1},when:"PathEditorView"},{key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:{dx:1},when:"PathEditorView"},{key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:{dx:10},when:"PathEditorView"},{key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:{dx:10},when:"PathEditorView"},{key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:{dx:5},when:"PathEditorView"},{key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:{dx:5},when:"PathEditorView"},{key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{key:"ArrowLeft",command:"item.move.left",description:"move 1px to left",args:{dx:1},when:"CanvasView"},{key:"ArrowRight",command:"item.move.right",description:"move 1px to right",args:{dx:1},when:"CanvasView"},{key:"ArrowDown",command:"item.move.down",description:"move 1px to down",args:{dy:1},when:"CanvasView"},{key:"ArrowUp",command:"item.move.up",description:"move 1px to up",args:{dy:1},when:"CanvasView"},{key:"Shift+ArrowDown",command:"item.move.down",description:"move 10px to down",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowRight",command:"item.move.right",description:"move 10px to right",args:{dx:10},when:"CanvasView"},{key:"Shift+ArrowUp",command:"item.move.up",description:"move 10px to up",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowLeft",command:"item.move.left",description:"move 10px to left",args:{dx:10},when:"CanvasView"},{key:"Alt+ArrowLeft",command:"item.move.left",description:"move 5px to left",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowDown",command:"item.move.down",description:"move 5px to down",args:{dy:5},when:"CanvasView"},{key:"Alt+ArrowRight",command:"item.move.right",description:"move 5px to right",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowUp",command:"item.move.up",description:"move 5px to up",args:{dy:5},when:"CanvasView"},{key:"Backspace",command:"item.delete",description:"Delete selected items",when:"CanvasView"},{key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}];function op(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var ap="SELECTION",cp=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};op(this,t),this.config=new ga(this),this.commands=new la(this),this.shortcuts=new va(this),this.selection=new ia(this),this.timeline=new Ho(this),this.components=ua,this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.scale=1,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=ap,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.$store=e.$store,this.initTheme(),this.loadCommands(),this.loadShortCuts()}var e,n,r;return e=t,(n=[{key:"loadCommands",value:function(){var t=this;Object.keys(np).forEach((function(e){X(np[e])?t.commands.registerCommand(e,np[e]):t.commands.registerCommand(np[e])}))}},{key:"loadShortCuts",value:function(){var t=this;rp.forEach((function(e){t.shortcuts.registerShortCut(e)})),this.shortcuts.sort()}},{key:"i18n",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return Vo.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return Vo.hasKey(t,e||this.locale)}},{key:"initI18n",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2?arguments[2]:void 0,i="".concat(e,".").concat(n);return t.hasI18nkey(i,o)?t.$i18n("".concat(e,".").concat(n),r,o):t.$i18n("".concat(n),r,o)}}},{key:"setLocale",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"en_US";this.locale=t,this.saveItem("locale",this.locale)}},{key:"setUser",value:function(t){this.user=t}},{key:"initTheme",value:function(){var t="dark";window.localStorage&&(t=window.localStorage.getItem("easylogic.studio.theme"),t=["gray","light"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Mo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ap;this.mode=t}},{key:"changeModeView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CanvasView";this.modeView=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(ap)}},{key:"changeAddType",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.changeMode("ADD"),this.addComponentType=t,this.isComponent=e}},{key:"changeTheme",value:function(t){t=["light","gray"].includes(t)?t:"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:"replaceLocalUrltoRealUrl",value:function(t){var e=this.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}},{key:"replaceLocalUrltoId",value:function(t){var e=this.projects,n={};return e.forEach((function(e){e.images.forEach((function(e){t.indexOf(e.local)>-1&&(n[e.local]="#"+e.id)}))})),Object.keys(n).forEach((function(e){t.indexOf(e)>-1&&(t=t.replace(new RegExp(e,"g"),n[e]))})),t}},{key:"makeResource",value:function(t){var e=JSON.stringify(t);return e=this.replaceLocalUrltoId(e)}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),JSON.stringify(e))}},{key:"revokeResource",value:function(t){var e=this,n=JSON.parse(t||"[]"),r={};return n.forEach((function(t){t.images.forEach((function(t){r["#".concat(t.id)]=t}))})),Object.keys(r).map((function(t){var e=r[t],n=Ra.parse(e.original,!0);e.local=n.local})),n.forEach((function(t){t.layers=e.applyAsset(t.layers,r)})),n}},{key:"applyAsset",value:function(t,e){var n=this;return B(t)?t=t.map((function(t){return n.applyAsset(t,e)})):H(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):F(t)&&Object.keys(e).forEach((function(n){var r=e[n];t.indexOf("#".concat(r.id))>-1&&(t=t.replace(new RegExp("#".concat(r.id),"g"),r.local))})),t}},{key:"loadResource",value:function(t){return this.revokeResource(window.localStorage.getItem("easylogic.studio.".concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("easylogic.studio.".concat(t))||JSON.stringify(""))}},{key:"zIndex",get:function(){return this.popupZIndex++}}])&&ip(e.prototype,n),r&&ip(e,r),t}();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 sp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 fp(t,e){return(fp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hp(t);if(e){var o=hp(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yp(this,n)}}function yp(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 hp(t){return(hp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var dp={x:0,y:0},vp={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},bp=function(t){return new(function(e){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(a,e);var n,r,o,i=pp(a);function a(){return sp(this,a),i.apply(this,arguments)}return n=a,(r=[{key:"initialize",value:function(){this.$store=new br,this.$editor=new cp({$store:this.$store}),this.$container=dn.create(this.getContainer()),this.$container.addClass(this.getClassName()),this.render(this.$container),this.initBodyMoves()}},{key:"initBodyMoves",value:function(){this.moves=new Set,this.ends=new Set,this.modifyBodyMoveSecond(0)}},{key:"modifyBodyMoveSecond",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.$config.set("body.move.ms",t),this.funcBodyMoves=_(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"))}},{key:"loopBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||vp;!(n.x===t.x&&n.y===t.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=t.x-n.xy.x,o=t.y-n.xy.y;0==r&&0==o||n.func.call(n.context,r,o,"move",e.pressure)})),this.$config.set("lastPos",t)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent");t&&this.ends.forEach((function(n){n.func.call(n.context,t.x-n.xy.x,t.y-n.xy.y,"end",e.pressure)})),this.moves.clear(),this.ends.clear()}},{key:Do("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:Do("add/body/mouseup"),value:function(t,e,n){this.ends.add({func:t,context:e,xy:n})}},{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:Hn("document"),value:function(t){if("INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName){var e=t.xy||dp;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}}},{key:Xn("document"),value:function(t){"INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName&&(this.$config.set("bodyEvent",t),this.removeBodyMoves(),this.requestId=null)}},{key:Bn("window")+nr(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}])&&lp(n.prototype,r),o&&lp(n,o),a}(Ao))(t)},mp={App:v,Color:Ye,HueColor:Ke,ColorNames:ye,Dom:dn,EventMachine:wo,UIElement:Ao};function gp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gp(Object(n),!0).forEach((function(e){Op(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Op(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function kp(t,e){for(var n=0;n<e.length;n++){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 Sp=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){F(t=t||"#FF0000")&&(t=Ye.parse(t)),this.state.alpha=M(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=wp(wp({},this.state.hsl),t),this.state.rgb=Ye.HSLtoRGB(this.state.hsl),this.state.hsv=Ye.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=wp(wp({},this.state.rgb),t),this.state.hsl=Ye.RGBtoHSL(this.state.rgb),this.state.hsv=Ye.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=wp(wp({},this.state.hsv),t),this.state.rgb=Ye.HSVtoRGB(this.state.hsv),this.state.hsl=Ye.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return Ke.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 Ye.format(wp(wp({},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(X(e.colors)){var r=e.colors;e.colors=r(t.state),e._colors=r}return wp({name:"color-".concat(n),colors:[]},e)}))}},{key:"setCurrentColorSets",value:function(t){var e=this.getUserList();M(t)?this.state.currentColorSets=e[0]:Y(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?Ye.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}}])&&kp(e.prototype,n),r&&kp(e,r),t}();function jp(t){return(jp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Pp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Rp(t,e,n){return(Rp="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=Cp(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,e){return($p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ep(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cp(t);if(e){var o=Cp(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _p(this,n)}}function _p(t,e){return!e||"object"!==jp(e)&&"function"!=typeof e?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)}var Tp=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$p(t,e)}(i,t);var e,n,r,o=Ep(i);function i(){return Pp(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"created",value:function(){this.manager=new Sp(this),this.isColorPickerShow=!1,this.isShortCut=!1,this.hideDelay=+V(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;this.$body=null,this.$root=null,this.$store=new br,this.callbackChange=function(){t.callbackChangeValue()},this.colorpickerShowCallback=function(){},this.colorpickerHideCallback=function(){},this.$body=dn.create(this.getContainer()),this.$root=dn.create("div","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=dn.create("div","arrow"),this.$root.append(this.$arrow),this.manager.setUserPalette(this.opt.colorSets),this.render(this.$root),this.initColorWithoutChangeEvent(this.opt.color)}},{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=+V(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),this.emit("changeColor")}},{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:ln.px(r),top:ln.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:ln.px(-1e4),top:ln.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(),X(this.opt.onChange)&&this.opt.onChange.call(this,t),X(this.colorpickerShowCallback)&&this.colorpickerShowCallback(t)}},{key:"callbackHideValue",value:function(t){t=t||this.getCurrentColor(),X(this.opt.onHide)&&this.opt.onHide.call(this,t),X(this.colorpickerHideCallback)&&this.colorpickerHideCallback(t)}},{key:"getCurrentColor",value:function(){return this.manager.toColor(this.outputFormat)}},{key:"checkColorPickerClass",value:function(t){var e=dn.create(t),n=e.closest("codemirror-colorview"),r=e.closest("colorpicker"),o=e.closest("CodeMirror");return t.nodeName,!!(r||n||o)}},{key:"checkInHtml",value:function(t){return"HTML"==t.nodeName}},{key:"initializeStoreEvent",value:function(){Rp(Cp(i.prototype),"initializeStoreEvent",this).call(this),this.$store.on("changeColor",this.callbackChange,this),this.$store.on("changeFormat",this.callbackChange,this)}},{key:"destroy",value:function(){Rp(Cp(i.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:xn("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}}])&&xp(e.prototype,n),r&&xp(e,r),i}(Ao);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 Ap(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Vp(t,e){return(Vp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Mp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bp(t);if(e){var o=Bp(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Lp(this,n)}}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){return(Bp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}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 Fp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Hp(t,e){return(Hp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Xp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Np(t);if(e){var o=Np(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Yp(this,n)}}function Yp(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 Np(t){return(Np=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Kp=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hp(t,e)}(i,t);var e,n,r,o=Xp(i);function i(){return Fp(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ln.px(t)})}},{key:"getMousePosition",value:function(t){return yr.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))}}])&&Gp(e.prototype,n),r&&Gp(e,r),i}(function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Mp(i);function i(){return Ap(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"refresh",value:function(){}},{key:"refreshColorUI",value:function(t){}},{key:"changeColor",value:function(t){this.parent.changeColor(t||{}),this.emit("changeColor")}},{key:Xn("document"),value:function(t){this.onDragEnd(t)}},{key:Hn("document"),value:function(t){this.onDragMove(t)}},{key:Gn("$bar"),value:function(t){this.isDown=!0}},{key:Gn("$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:Do("changeColor","initColor"),value:function(){this.refresh()}}])&&Ip(e.prototype,n),r&&Ip(e,r),i}(Ao));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 Wp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(qp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Jp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ty(t);if(e){var o=ty(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Qp(this,n)}}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 ty(t){return(ty=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ey=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qp(t,e)}(i,t);var e,n,r,o=Jp(i);function i(){return Wp(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$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})}}])&&Zp(e.prototype,n),r&&Zp(e,r),i}(Kp);function ny(t){return(ny="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ry(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ay(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=fy(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,e){return(uy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fy(t);if(e){var o=fy(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ly(this,n)}}function ly(t,e){return!e||"object"!==ny(e)&&"function"!=typeof e?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){return(fy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var py=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uy(t,e)}(i,t);var e,n,r,o=sy(i);function i(){return iy(this,i),o.apply(this,arguments)}return e=i,(n=[{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(){cy(fy(i.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]:{};e%2?ry(Object(n),!0).forEach((function(e){oy(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ry(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Ye.format(t,"rgb");t.a=1;var n=Ye.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})}}])&&ay(e.prototype,n),r&&ay(e,r),i}(Kp);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 hy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vy(t,e){return(vy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function by(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gy(t);if(e){var o=gy(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return my(this,n)}}function my(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 gy(t){return(gy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wy=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=by(i);function i(){return hy(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"<div class='color'></div>"}},{key:pr("$el"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:Do("changeColor","initColor"),value:function(){this.refresh()}}])&&dy(e.prototype,n),r&&dy(e,r),i}(Ao);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 ky(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Sy(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Sy(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sy(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function jy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 xy(t,e,n){return(xy="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 Ry(t,e){return(Ry=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_y(t);if(e){var o=_y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ey(this,n)}}function Ey(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 _y(t){return(_y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Cy=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$y(i);function i(){return jy(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){xy(_y(i.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=dn.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 y=p-s+1,h=f-l+1,d=y*y+h*h,v=gt(y,h),b=Ye.HSVtoRGB(v,Math.min(Math.sqrt(d)/u,1),1),m=4*(f*t+p);i[m]=b.r,i[m+1]=b.g,i[m+2]=b.b,i[m+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=ky(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:bt(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=(h=u.x)-a,l=(d=u.y)-c,f=s*s+l*l,p=gt(s,l);if(f>i*i)var y=this.getCurrentXY(null,p,i,a,c),h=y.x,d=y.y;var v=Math.min(Math.sqrt(f)/i,1);this.refs.$drag_pointer.px("left",h-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:Do("changeColor"),value:function(){this.refresh(!0)}},{key:Do("initColor"),value:function(){this.refresh(!0)}},{key:Xn("document"),value:function(t){this.isDown=!1}},{key:Hn("document"),value:function(t){this.isDown&&this.setHueColor(t)}},{key:Gn("$drag_pointer"),value:function(t){this.isDown=!0}},{key:Gn(),value:function(t){this.isDown=!0,this.setHueColor(t)}}])&&Py(e.prototype,n),r&&Py(e,r),i}(Ao);function Ty(t){return(Ty="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ay(t,e){for(var n=0;n<e.length;n++){var 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(Iy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ly(t);if(e){var o=Ly(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return My(this,n)}}function My(t,e){return!e||"object"!==Ty(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ly(t){return(Ly=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var By=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Iy(t,e)}(i,t);var e,n,r,o=Vy(i);function i(){return Dy(this,i),o.apply(this,arguments)}return e=i,(n=[{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:Do("changeColor","initColor"),value:function(){this.refresh()}},{key:In("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:In("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:In("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:In("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:In("$hsl_h"),value:function(t){this.changeHslColor()}},{key:In("$hsl_s"),value:function(t){this.changeHslColor()}},{key:In("$hsl_l"),value:function(t){this.changeHslColor()}},{key:In("$hsl_a"),value:function(t){this.changeHslColor()}},{key:$n("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||this.parent.initColor(e)}},{key:jn("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:jn("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:jn("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:jn("$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()}}])&&Ay(e.prototype,n),r&&Ay(e,r),i}(Ao);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 Fy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Gy(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Hy="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 Xy(t,e){return(Xy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Yy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ky(t);if(e){var o=Ky(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ny(this,n)}}function Ny(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 Ky(t){return(Ky=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Uy=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Yy(i);function i(){return Fy(this,i),o.apply(this,arguments)}return e=i,(n=[{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:Do("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Do("toggleColorChooser"),value:function(){this.toggle()}},{key:ur("$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:jn("$toggleButton"),value:function(t){this.toggle()}},{key:jn("$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(){Hy(Ky(i.prototype),"destroy",this).call(this),this.hide()}}])&&Gy(e.prototype,n),r&&Gy(e,r),i}(Ao);function Wy(t){return(Wy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Zy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Jy(t,e){return(Jy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Qy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=eh(t);if(e){var o=eh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return th(this,n)}}function th(t,e){return!e||"object"!==Wy(e)&&"function"!=typeof e?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)}var nh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Qy(i);function i(){return Zy(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$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:Do("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Do("initColor"),value:function(){this.refresh()}},{key:jn("$colorSetsChooseButton"),value:function(t){this.emit("toggleColorChooser")}},{key:Dn("$colorSetsColorList"),value:function(t){if(t.preventDefault(),this.parent.manager.getCurrentColorSets().edit){var e=dn.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:jn("$colorSetsColorList .add-color-item"),value:function(t){this.addColor(this.parent.getColor())}},{key:jn("$colorSetsColorList .color-item"),value:function(t,e){this.parent.initColor(e.attr("data-color"))}}])&&qy(e.prototype,n),r&&qy(e,r),i}(Ao);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 oh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ih(t,e){for(var n=0;n<e.length;n++){var 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(ah=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ch(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=sh(t);if(e){var o=sh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return uh(this,n)}}function uh(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 sh(t){return(sh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var lh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ch(i);function i(){return oh(this,i),o.apply(this,arguments)}return e=i,(n=[{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=yr.pos(t);this.$el.px("top",n.clientY-10),this.$el.px("left",n.clientX),this.$el.addClass("show"),this.selectedColorIndex=e,M(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:Do("showContextMenu"),value:function(t,e){this.show(t,e)}},{key:jn("$el .menu-item"),value:function(t,e){t.preventDefault(),this.runCommand(e.attr("data-type")),this.hide()}}])&&ih(e.prototype,n),r&&ih(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function yh(t,e){for(var n=0;n<e.length;n++){var 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(hh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bh(t);if(e){var o=bh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vh(this,n)}}function vh(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 bh(t){return(bh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=dh(i);function i(){return ph(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ey,Opacity:py,ColorView:wy,ColorWheel:Cy,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&yh(e.prototype,n),r&&yh(e,r),i}(Tp);function gh(t){return(gh="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kh(t,e){return(kh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Sh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ph(t);if(e){var o=Ph(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jh(this,n)}}function jh(t,e){return!e||"object"!==gh(e)&&"function"!=typeof e?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)}var xh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Sh(i);function i(){return wh(this,i),o.apply(this,arguments)}return e=i,(n=[{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"})}}])&&Oh(e.prototype,n),r&&Oh(e,r),i}(Kp);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 $h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _h(t,e){return(_h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ch(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Dh(t);if(e){var o=Dh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Th(this,n)}}function Th(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)}var Ah=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ch(i);function i(){return $h(this,i),o.apply(this,arguments)}return e=i,(n=[{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=yr.pos(t).pageX-e.left,i=yr.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:Do("changeColor","initColor"),value:function(){this.refresh()}},{key:Xn("document"),value:function(t){this.isDown=!1}},{key:Hn("document"),value:function(t){this.isDown&&this.setMainColor(t)}},{key:Gn(),value:function(t){this.isDown=!0,this.setMainColor(t)}},{key:Xn(),value:function(t){this.isDown=!1}}])&&Eh(e.prototype,n),r&&Eh(e,r),i}(Ao);function Ih(t){return(Ih="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mh(t,e){for(var n=0;n<e.length;n++){var 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(Lh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Bh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Fh(t);if(e){var o=Fh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return zh(this,n)}}function zh(t,e){return!e||"object"!==Ih(e)&&"function"!=typeof e?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)}var Gh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Lh(t,e)}(i,t);var e,n,r,o=Bh(i);function i(){return Vh(this,i),o.apply(this,arguments)}return e=i,(n=[{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:xh,Opacity:py,ColorView:wy,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&Mh(e.prototype,n),r&&Mh(e,r),i}(Tp);function Hh(t){return(Hh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nh(t,e){return(Nh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wh(t);if(e){var o=Wh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uh(this,n)}}function Uh(t,e){return!e||"object"!==Hh(e)&&"function"!=typeof e?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)}var Zh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Kh(i);function i(){return Xh(this,i),o.apply(this,arguments)}return e=i,(n=[{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:xh,Opacity:py,Palette:Ah}}}])&&Yh(e.prototype,n),r&&Yh(e,r),i}(Tp);function qh(t){return(qh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qh(t,e){for(var n=0;n<e.length;n++){var 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(td=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ed(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rd(t);if(e){var o=rd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nd(this,n)}}function nd(t,e){return!e||"object"!==qh(e)&&"function"!=typeof e?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)}var od=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&td(t,e)}(i,t);var e,n,r,o=ed(i);function i(){return Jh(this,i),o.apply(this,arguments)}return e=i,(n=[{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 yr.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)}}])&&Qh(e.prototype,n),r&&Qh(e,r),i}(Kp);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(ud="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=pd(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 sd(t,e){return(sd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ld(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=pd(t);if(e){var o=pd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fd(this,n)}}function fd(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 pd(t){return(pd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var yd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sd(t,e)}(i,t);var e,n,r,o=ld(i);function i(){return ad(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){ud(pd(i.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"})}}])&&cd(e.prototype,n),r&&cd(e,r),i}(od);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 dd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 bd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=Sd(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 wd(t,e){return(wd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Od(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Sd(t);if(e){var o=Sd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return kd(this,n)}}function kd(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 Sd(t){return(Sd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var jd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Od(i);function i(){return bd(this,i),o.apply(this,arguments)}return e=i,(n=[{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(){gd(Sd(i.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]:{};e%2?dd(Object(n),!0).forEach((function(e){vd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Ye.format(t,"rgb");t.a=1;var n=Ye.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})}}])&&md(e.prototype,n),r&&md(e,r),i}(od);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 xd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 $d(t,e){return($d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ed(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cd(t);if(e){var o=Cd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _d(this,n)}}function _d(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 Cd(t){return(Cd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Td=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$d(t,e)}(i,t);var e,n,r,o=Ed(i);function i(){return xd(this,i),o.apply(this,arguments)}return e=i,(n=[{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:yd,Opacity:jd,Palette:Ah}}}])&&Rd(e.prototype,n),r&&Rd(e,r),i}(Tp);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 Ad(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function Vd(t,e,n){return(Vd="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=zd(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,e){return(Md=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ld(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zd(t);if(e){var o=zd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bd(this,n)}}function Bd(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 zd(t){return(zd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ld(i);function i(){return Ad(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){Vd(zd(i.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=gt((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}),this.emit("changeColor"))}}])&&Id(e.prototype,n),r&&Id(e,r),i}(Cy);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 Hd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(Yd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Nd(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ud(t);if(e){var o=Ud(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Kd(this,n)}}function Kd(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 Ud(t){return(Ud=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Wd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yd(t,e)}(i,t);var e,n,r,o=Nd(i);function i(){return Hd(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ey,Opacity:py,ColorView:wy,ColorRing:Fd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&Xd(e.prototype,n),r&&Xd(e,r),i}(Tp);function Zd(t){return(Zd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jd(t,e){for(var n=0;n<e.length;n++){var 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(Qd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nv(t);if(e){var o=nv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ev(this,n)}}function ev(t,e){return!e||"object"!==Zd(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nv(t){return(nv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tv(i);function i(){return qd(this,i),o.apply(this,arguments)}return e=i,(n=[{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:yd,Opacity:jd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&Jd(e.prototype,n),r&&Jd(e,r),i}(Tp);function ov(t){return(ov="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(cv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lv(t);if(e){var o=lv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sv(this,n)}}function sv(t,e){return!e||"object"!==ov(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lv(t){return(lv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=uv(i);function i(){return iv(this,i),o.apply(this,arguments)}return e=i,(n=[{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:jn("$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:ey,Opacity:py,ColorView:wy,ColorRing:Fd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&av(e.prototype,n),r&&av(e,r),i}(Tp);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 yv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dv(t,e){return(dv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mv(t);if(e){var o=mv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bv(this,n)}}function bv(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 mv(t){return(mv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dv(t,e)}(i,t);var e,n,r,o=vv(i);function i(){return yv(this,i),o.apply(this,arguments)}return e=i,(n=[{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:jn("$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:yd,Opacity:jd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&hv(e.prototype,n),r&&hv(e,r),i}(Tp),wv={create:function(t){switch(t.type){case"macos":return new mh(t);case"xd":return new rv(t);case"xd-tab":return new gv(t);case"ring":return new Wd(t);case"ring-tab":return new fv(t);case"mini":return new Zh(t);case"mini-vertical":return new Td(t);case"sketch":case"palette":default:return new Gh(t)}},ColorPicker:Gh,ChromeDevToolColorPicker:Gh,MacOSColorPicker:mh,RingColorPicker:Wd,MiniColorPicker:Zh,MiniVerticalColorPicker:Td,XDColorPicker:rv};function Ov(t){return(Ov="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(jv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Pv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rv(t);if(e){var o=Rv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xv(this,n)}}function xv(t,e){return!e||"object"!==Ov(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rv(t){return(Rv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $v=["flex","grid"],Ev=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Pv(i);function i(){return kv(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"isLayoutItem",value:function(){return $v.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return $v.includes(this.json.layout)}},{key:"isInGrid",value:function(){return!!this.isLayoutItem()&&"grid"===this.parent.layout}},{key:"isInFlex",value:function(){return!!this.isLayoutItem()&&"flex"===this.parent.layout}}])&&Sv(e.prototype,n),r&&Sv(e,r),i}(Fi);function _v(t){return(_v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Cv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cv(Object(n),!0).forEach((function(e){Dv(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Dv(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Iv(t,e){for(var n=0;n<e.length;n++){var 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,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=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 Mv(t,e){return(Mv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Lv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zv(t);if(e){var o=zv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bv(this,n)}}function Bv(t,e){return!e||"object"!==_v(e)&&"function"!=typeof e?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){return(zv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Mv(t,e)}(i,t);var e,n,r,o=Lv(i);function i(){return Av(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(){return Vv(zv(i.prototype),"getDefaultObject",this).call(this,{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:ln.second(0),timingFunction:"ease",delay:ln.second(0),iterationCount:ln.string("infinite"),playState:"running",fillMode:"none"})}},{key:"convert",value:function(t){return(t=Vv(zv(i.prototype),"convert",this).call(this,t)).duration=ln.parse(t.duration),t.iterationCount=ln.parse(t.iterationCount),t}},{key:"toCloneObject",value:function(){var t=this.json;return Tv(Tv({},Vv(zv(i.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(" ")}}])&&Iv(e.prototype,n),r&&Iv(e,r),i}(ui);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 Hv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hv(Object(n),!0).forEach((function(e){Yv(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yv(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=Jv(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 Wv(t,e){return(Wv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Zv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Jv(t);if(e){var o=Jv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qv(this,n)}}function qv(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 Jv(t){return(Jv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Qv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Zv(i);function i(){return Nv(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(){return Uv(Jv(i.prototype),"getDefaultObject",this).call(this,{itemType:"transition",checked:!0,property:"all",duration:ln.second(0),timingFunction:"ease",delay:ln.second(0)})}},{key:"toCloneObject",value:function(){return Xv(Xv({},Uv(Jv(i.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(" ")}}])&&Kv(e.prototype,n),r&&Kv(e,r),i}(ui);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eb(Object(n),!0).forEach((function(e){rb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rb(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ib(t,e){for(var n=0;n<e.length;n++){var 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,n){return(ab="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 cb(t,e){return(cb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ub(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lb(t);if(e){var o=lb(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sb(this,n)}}function sb(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 lb(t){return(lb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fb=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ub(i);function i(){return ob(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(t){return ab(lb(i.prototype),"getDefaultObject",this).call(this,nb({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return nb(nb({},ab(lb(i.prototype),"toCloneObject",this).call(this)),{},{selector:this.json.selector,properties:this.json.properties.map((function(t){return N(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)}}])&&ib(e.prototype,n),r&&ib(e,r),i}(ui);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)}}var yb=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 ln.parse(t)})),n=ln.percent(0),r=ln.percent(0),o=ln.percent(0),i=ln.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)&&pb(e.prototype,n),r&&pb(e,r),t}();function hb(t){return(hb="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return vb(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vb(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vb(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function bb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bb(Object(n),!0).forEach((function(e){gb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kb(t,e,n){return(kb="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=xb(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,e){return(Sb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xb(t);if(e){var o=xb(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pb(this,n)}}function Pb(t,e){return!e||"object"!==hb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xb(t){return(xb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Rb=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,$b=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sb(t,e)}(i,t);var e,n,r,o=jb(i);function i(){return wb(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toCSS",value:function(t){return new i(t).toCSS()}},{key:"toString",value:function(t){return i.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(Rb)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=db(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 ln("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=db(t.split("at").map((function(t){return t.trim()})),2);e=r[0],n=r[1]}else n=t.trim();var o=db(n.split(" "),2),i=o[0],a=o[1];return M(a)&&(a=i),{radius:e,x:i=ln.parse(i),y:a=ln.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=t.split("at").map((function(t){return t.trim()})),o=db(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=db(i,2),c=a[0],u=a[1];M(u)&&(u=c),c=ln.parse(c),u=ln.parse(u);var s=e.split(" "),l=db(s,2),f=l[0],p=l[1];return M(p)&&(p=f),{radiusX:f=ln.parse(f),radiusY:p=ln.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=db(e,2),r=n[0],o=n[1],i=yb.parse(r),a=db(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=yb.parse(o),y=db(p,5),h=y[0],d=y[1],v=y[2],b=y[3],m=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:m}}},{key:"parseStyleForPolygon",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=db(t.trim().split(" "),2),n=e[0],r=e[1];return{x:ln.parse(n),y:ln.parse(r)}}))}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return kb(xb(i.prototype),"getDefaultObject",this).call(this,mb({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return mb(mb({},kb(xb(i.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()}}}])&&Ob(e.prototype,n),r&&Ob(e,r),i}(ui);function Eb(t){return(Eb="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Tb(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Cb(t){return function(t){if(Array.isArray(t))return Db(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Tb(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Tb(t,e){if(t){if("string"==typeof t)return Db(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Db(t,e):void 0}}function Db(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ib(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ab(Object(n),!0).forEach((function(e){Vb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Mb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Lb(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Bb="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 zb(t,e){return(zb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Hb(t);if(e){var o=Hb(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Gb(this,n)}}function Gb(t,e){return!e||"object"!==Eb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hb(t){return(Hb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Xb=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Fb(i);function i(){return Mb(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bb(Hb(i.prototype),"getDefaultObject",this).call(this,Ib({position:"absolute",x:ln.px(0),y:ln.px(0),right:"",bottom:"",width:ln.px(300),height:ln.px(300),rootVariable:"",variable:"",transform:"",filter:"","backdrop-filter":"","background-color":"","background-clip":"","background-image":"",pattern:"",border:"","border-radius":"","box-shadow":"","box-sizing":"border-box","text-shadow":"","text-clip":"","clip-path":"",color:"black","font-size":ln.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":"",overflow:"visible",opacity:"",rotate:"","text-fill-color":"","text-stroke-color":"","text-stroke-width":"","offset-path":"","offset-distance":"","z-index":ln.auto,layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",outline:{},animations:[],transitions:[],selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return Ib(Ib({},Bb(Hb(i.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"],overflow:t.overflow,opacity:t.opacity+"",rotate:t.rotate+"","flex-layout":t["flex-layout"],"grid-layout":t["grid-layout"],outline:N(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=Bb(Hb(i.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 Fv(Ib({checked:!0},t)))}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new fb(Ib({checked:!0},t)))}},{key:"createTransition",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addTransition(new Qv(Ib({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(Cb(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&&M(n)){var o=Ib({},r.all);r.top=Ib({},o),r.bottom=Ib({},o),r.left=Ib({},o),r.right=Ib({},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=Ib(Ib({},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={};return t.forEach((function(t){T(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),U(e)}},{key:"toStringPropertyCSS",value:function(t){return tt(this.json[t])}},{key:"toBackgroundImageCSS",value:function(){var t=[];return Af.parseStyle(this.json.pattern).forEach((function(e){t.push.apply(t,Cb(nf.parseStyle(tt(e.toCSS()))))})),t.push.apply(t,Cb(nf.parseStyle(tt(this.json["background-image"])))),nf.joinCSS(t)}},{key:"toLayoutCSS",value:function(){var t=this.json.layout;if(this.hasLayout()){if("flex"===t)return this.toFlexLayoutCSS();if("grid"===t)return this.toGridLayoutCSS()}return{}}},{key:"toLayoutItemCSS",value:function(){var t=this.json.parent.layout,e={};return"flex"===t?e={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===t&&(e={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===t?e=Ib(Ib({},e),tt(this.json["flex-layout-item"])):"grid"===t&&(e=Ib(Ib({},e),tt(this.json["grid-layout-item"]))),e}},{key:"toFlexLayoutCSS",value:function(){return Ib({display:"flex"},this.toStringPropertyCSS("flex-layout"))}},{key:"toGridLayoutCSS",value:function(){return Ib({display:"grid"},this.toStringPropertyCSS("grid-layout"))}},{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]?Vb({},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 Q(this.toCSS())}},{key:"toExport",value:function(){return Q(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.filter((function(e){return L(e)&&""!==t[e]})).forEach((function(n){e[n]=t[n]})),e}},{key:"toDefaultCSS",value:function(){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",Ib(Ib({},t),this.toKeyListCSS("position","right","bottom","width","height","overflow","z-index","box-sizing","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(){return Ib(Ib({},{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=_b(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=_b(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o})),t}},{key:"toRootVariableString",value:function(){return Q(this.toRootVariableCSS())}},{key:"toWebkitCSS",value:function(){var t=this.toKeyListCSS("text-fill-color","text-stroke-color","text-stroke-width","background-clip"),e={};return T(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($b.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId,")")}return{"clip-path":t}}},{key:"toCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toSVGCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultSVGCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{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:"generateView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n="\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(Q(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:Q(e.css||{},"\n\t\t"),"; \n  }")})).join("\n"),"\n").concat(this.toSelectorString(t),"\n");return n}},{key:"generateDragView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=this.generateView(t,e).replace(/background\-/gi,"");return n}},{key:"generateSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(t){var e=this.json.width.value,n=this.json.height.value;return'\n<svg width="'.concat(e,'" height="').concat(n,'" viewBox="0 0 ').concat(e," ").concat(n,'" 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:"wrapperRootSVG",value:function(t,e,n,r,o){return"\n    <g>\n      ".concat(this.toDefString,"\n      ").concat(o,"\n    </g>\n    ")}},{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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.layers,i=r.width,a=r.height,c=r.elementType,u=c||"div",s=this.toCSS();return n?(delete s.left,delete s.top,"absolute"===s.position&&delete s.position,this.wrapperRootSVG(t,e,i,a,'\n        <g transform="translate('.concat(t,", ").concat(e,')">      \n          <foreignObject ').concat(et({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(Q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n        </g>\n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"\n      "))):"\n        ".concat(this.toDefString,'\n        <g transform="translate(').concat(t,", ").concat(e,')">\n          <foreignObject ').concat(et({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(Q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n          \n        </g>             \n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"           \n      ")}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():ln.px(0),y:this.json.y?this.json.y.clone():ln.px(0),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=ln.px(t.x.value+t.width.value),t.y2=ln.px(t.y.value+t.height.value),t}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.$('[data-id="'.concat(this.innerSVGId,'"]'));if(n){var r=this.toDefInnerString.trim();if(r){var o=n.$("defs");o.html(r)}}else{var i=this.toDefString.trim();if(i){var a=dn.createByHTML(i);a&&t.prepend(a)}}}}},{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(nt(Vb({"element-item":!0},i,!0)),'" ').concat(et({"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(0,0,!0)}},{key:"toDefInnerString",get:function(){return"\n      ".concat(this.toClipPath,"\n    ")}},{key:"toClipPath",get:function(){var t=$b.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"}}])&&Lb(e.prototype,n),r&&Lb(e,r),i}(Ev),Yb='<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 Nb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Kb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nb(Object(n),!0).forEach((function(e){Ub(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ub(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Wb=Kb(Kb({},{fullscreen:Yb}),{},{volume_down:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"/>\n    </svg>\n',volume_up:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>\n</svg>',volume_off:'\n<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>\n</svg>\n',pentool:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <g transform="translate(4.000003875248012, 4.000001937624006)">\n        <path stroke="currentColor" d="M 7.501491970838878 -0.0000015572448855733659Q 14.336036333057622 7.389304433496911 15.674208571053226 11.025537025755131Q 17.012380809048864 14.661769618013372 12.854180922821438 14.544928811787997L 12.854180922821438 16.99999278410904L 3.2146550430021494 16.99999278410904L 3.2146550430021494 14.544928811787997Q -0.8480130988910353 14.661769618013372 0.22369613306813782 11.025537025755131Q 1.295405365027311 7.389304433496911 7.501491970838878 -0.0000015572448855733659Z M 7.501491970838878 -0.0000015572448855733659M 7.043097362212707 10.615180199186797L 7.043097362212707 2.029497238417552Q 2.4235653311211847 7.389304433496911 1.2143202542326725 11.099378313047254Q 0.22369613306813782 14.380813978493594 4.269842778971384 13.709709450113499L 4.269842778971384 16.233605781316655L 11.751764459057853 16.233605781316655L 11.751764459057853 13.709709450113499Q 15.84146041516868 14.140123940309786 14.670231046646997 10.775846698306177Q 14.195747591990225 9.593976493057127 8.077664264490855 2.029497238417552L 8.077664264490855 10.615180199186797L 7.043097362212707 10.615180199186797Z"/>\n    </g>\n</svg>',launch:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>\n    </svg>',apps:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/></svg>',outline_rect:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',outline_circle:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',keyboard:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>',local_movie:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/></svg>',same_height:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',same_width:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',middle:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',bottom:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',top:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',right:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',center:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n</svg>\n',left:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',flag:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/></svg>',lens:'<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 2z"/></svg>',local_library:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"/></svg>',italic:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/></svg>',strikethrough:'<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 clip-path="url(#b)" d="M7.24 8.75c-.26-.48-.39-1.03-.39-1.67 0-.61.13-1.16.4-1.67.26-.5.63-.93 1.11-1.29.48-.35 1.05-.63 1.7-.83.66-.19 1.39-.29 2.18-.29.81 0 1.54.11 2.21.34.66.22 1.23.54 1.69.94.47.4.83.88 1.08 1.43.25.55.38 1.15.38 1.81h-3.01c0-.31-.05-.59-.15-.85-.09-.27-.24-.49-.44-.68-.2-.19-.45-.33-.75-.44-.3-.1-.66-.16-1.06-.16-.39 0-.74.04-1.03.13-.29.09-.53.21-.72.36-.19.16-.34.34-.44.55-.1.21-.15.43-.15.66 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.05-.08-.11-.17-.15-.25zM21 12v-2H3v2h9.62c.18.07.4.14.55.2.37.17.66.34.87.51.21.17.35.36.43.57.07.2.11.43.11.69 0 .23-.05.45-.14.66-.09.2-.23.38-.42.53-.19.15-.42.26-.71.35-.29.08-.63.13-1.01.13-.43 0-.83-.04-1.18-.13s-.66-.23-.91-.42c-.25-.19-.45-.44-.59-.75-.14-.31-.25-.76-.25-1.21H6.4c0 .55.08 1.13.24 1.58.16.45.37.85.65 1.21.28.35.6.66.98.92.37.26.78.48 1.22.65.44.17.9.3 1.38.39.48.08.96.13 1.44.13.8 0 1.53-.09 2.18-.28s1.21-.45 1.67-.79c.46-.34.82-.77 1.07-1.27s.38-1.07.38-1.71c0-.6-.1-1.14-.31-1.61-.05-.11-.11-.23-.17-.33H21z"/></svg>',underline:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"/></svg>',cylinder:'\n<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" style=\'transform:scale(0.8)\'>\n<g class="cylinder">\n<path d="M 12 0 C 7.636719 0 3 1.226562 3 3.5 L 3 20.5 C 3 22.773438 7.636719 24 12 24 C 16.363281 24 21 22.773438 21 20.5 L 21 3.5 C 21 1.226562 16.363281 0 12 0 Z M 20 19.121094 C 19.921875 19.140625 19.84375 19.171875 19.78125 19.230469 C 19.574219 19.414062 19.554688 19.726562 19.738281 19.933594 C 19.914062 20.128906 20 20.320312 20 20.5 C 20 21.542969 16.957031 23 12 23 C 7.042969 23 4 21.542969 4 20.5 C 4 20.320312 4.085938 20.128906 4.261719 19.933594 C 4.445312 19.726562 4.425781 19.410156 4.21875 19.226562 C 4.15625 19.171875 4.078125 19.140625 4 19.121094 L 4 5.160156 C 5.59375 6.363281 8.863281 7 12 7 C 15.136719 7 18.40625 6.363281 20 5.160156 Z M 12 6 C 7.042969 6 4 4.542969 4 3.5 C 4 2.457031 7.042969 1 12 1 C 16.957031 1 20 2.457031 20 3.5 C 20 4.542969 16.957031 6 12 6 Z M 12 6 "/>\n</g>\n</svg>\n',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 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-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:Yb,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>',video:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>\n    </svg>\n',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 Zb(t){return(Zb="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qb(Object(n),!0).forEach((function(e){Qb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Qb(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=am(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,e){return(rm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function om(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=am(t);if(e){var o=am(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return im(this,n)}}function im(t,e){return!e||"object"!==Zb(e)&&"function"!=typeof e?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)}var cm=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=om(i);function i(){return tm(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.rect}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return nm(am(i.prototype),"getDefaultObject",this).call(this,Jb({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Wb.rect}},{key:"toCloneObject",value:function(){return Jb(Jb({},nm(am(i.prototype),"toCloneObject",this).call(this)),{},{tagName:this.json.tagName})}},{key:"screenX",get:function(){return this.json.parent?ln.px(this.json.parent.screenX.value+(this.json.x||zero).value):this.json.x||ln.px(0)}},{key:"screenY",get:function(){return this.json.parent?ln.px(this.json.parent.screenY.value+(this.json.y||zero).value):this.json.y||ln.px(0)}}])&&em(e.prototype,n),r&&em(e,r),i}(Xb);function um(t){return(um="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sm(Object(n),!0).forEach((function(e){fm(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fm(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ym(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hm(t,e,n){return(hm="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=mm(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 dm(t,e){return(dm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mm(t);if(e){var o=mm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bm(this,n)}}function bm(t,e){return!e||"object"!==um(e)&&"function"!=typeof e?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)}var gm="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),wm={xChannelSelector:!0,yChannelSelector:!0},Om=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vm(i);function i(){return pm(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new(0,ij[t.type])(t)}}],(n=[{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]:{},e=Pt();return hm(mm(i.prototype),"getDefaultObject",this).call(this,lm({itemType:"svgfilter",id:e,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 F(t.in)&&(t.in=JSON.parse(t.in)),F(t.bound)&&(t.bound=JSON.parse(t.bound)),F(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return lm(lm({},hm(mm(i.prototype),"toCloneObject",this).call(this)),{},{id:this.json.id,in:N(this.json.in),bound:N(this.json.bound),connected:N(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(wm).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=""),gm.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()," />")}}])&&ym(e.prototype,n),r&&ym(e,r),i}(ui);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 Sm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Pm="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=Em(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 xm(t,e){return(xm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Rm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Em(t);if(e){var o=Em(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $m(this,n)}}function $m(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 Em(t){return(Em=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var _m=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Rm(i);function i(){return Sm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Pm(Em(i.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:i.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=ln.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    ')}}])&&jm(e.prototype,n),r&&jm(e,r),i}(Om);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 Tm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Dm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=Lm(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 Im(t,e){return(Im=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Lm(t);if(e){var o=Lm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Mm(this,n)}}function Mm(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 Lm(t){return(Lm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}_m.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:ln.number(0)}};var Bm=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Im(t,e)}(i,t);var e,n,r,o=Vm(i);function i(){return Tm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Am(Lm(i.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>")}}])&&Dm(e.prototype,n),r&&Dm(e,r),i}(Om);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 Fm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Hm(t,e,n){return(Hm="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=Km(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 Xm(t,e){return(Xm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ym(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Km(t);if(e){var o=Km(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Nm(this,n)}}function Nm(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 Km(t){return(Km=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Bm.spec={};var Um=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ym(i);function i(){return Fm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Hm(Km(i.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:i.spec.operator.defaultValue,k1:i.spec.k1.defaultValue,k2:i.spec.k2.defaultValue,k3:i.spec.k3.defaultValue,k4:i.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}}])&&Gm(e.prototype,n),r&&Gm(e,r),i}(Om);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 Zm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Jm="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=ng(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 Qm(t,e){return(Qm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ng(t);if(e){var o=ng(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eg(this,n)}}function eg(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 ng(t){return(ng=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Um.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:ln.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)}};var rg=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qm(t,e)}(i,t);var e,n,r,o=tg(i);function i(){return Zm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Jm(ng(i.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:i.spec.operator.defaultValue,radius:i.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()," />")}}])&&qm(e.prototype,n),r&&qm(e,r),i}(Om);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 ig(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ag(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=fg(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 ug(t,e){return(ug=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fg(t);if(e){var o=fg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lg(this,n)}}function lg(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 fg(t){return(fg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}rg.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(0)}};var pg=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ug(t,e)}(i,t);var e,n,r,o=sg(i);function i(){return ig(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return cg(fg(i.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:i.spec.filterType.defaultValue,baseFrequency:i.spec.baseFrequency.defaultValue,numOctaves:i.spec.numOctaves.defaultValue,seed:i.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=ln.parse(t.baseFrequency),t.numOctaves=ln.parse(t.numOctaves),t.seed=ln.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(et({type:e,baseFrequency:n,numOctaves:r,seed:o}),"   ").concat(this.getDefaultAttribute()," />")}}])&&ag(e.prototype,n),r&&ag(e,r),i}(Om);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 hg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vg(t,e,n){return(vg="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 bg(t,e){return(bg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wg(t);if(e){var o=wg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gg(this,n)}}function gg(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 wg(t){return(wg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}pg.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:ln.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:ln.number(0)}};var Og=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=mg(i);function i(){return hg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return vg(wg(i.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:i.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=ln.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}}])&&dg(e.prototype,n),r&&dg(e,r),i}(Om);function kg(t){return(kg="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Pg="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=Eg(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 xg(t,e){return(xg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Rg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Eg(t);if(e){var o=Eg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $g(this,n)}}function $g(t,e){return!e||"object"!==kg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Eg(t){return(Eg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Og.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:ln.number(0)}};var _g=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Rg(i);function i(){return Sg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Pg(Eg(i.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:i.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()," />")}}])&&jg(e.prototype,n),r&&jg(e,r),i}(Om);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 Tg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=Lg(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 Ig(t,e){return(Ig=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Lg(t);if(e){var o=Lg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Mg(this,n)}}function Mg(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)}_g.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 Bg=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Vg(i);function i(){return Tg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Ag(Lg(i.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:i.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()," />")}}])&&Dg(e.prototype,n),r&&Dg(e,r),i}(Om);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 Fg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Gg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Hg(t,e,n){return(Hg="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 Xg(t,e){return(Xg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Yg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Kg(t);if(e){var o=Kg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ng(this,n)}}function Ng(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 Kg(t){return(Kg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Bg.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var Ug=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Yg(i);function i(){return Fg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Hg(Kg(i.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:i.spec.stdDeviationX.defaultValue,stdDeviationY:i.spec.stdDeviationY.defaultValue,edgeMode:i.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=ln.parse(t.stdDeviationX),t.stdDeviationY=ln.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()," />")}}])&&Gg(e.prototype,n),r&&Gg(e,r),i}(Om);function Wg(t){return(Wg="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Jg="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=nw(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,e){return(Qg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nw(t);if(e){var o=nw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ew(this,n)}}function ew(t,e){return!e||"object"!==Wg(e)&&"function"!=typeof e?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)}Ug.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var rw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qg(t,e)}(i,t);var e,n,r,o=tw(i);function i(){return Zg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Jg(nw(i.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,width:i.spec.width.defaultValue,height:i.spec.height.defaultValue,color:i.spec.color.defaultValue,opacity:i.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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(et({x:r,y:o,width:i,height:a}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&qg(e.prototype,n),r&&qg(e,r),i}(Om);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,e){return lw(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||uw(t,e)||cw()}function aw(t){return lw(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||uw(t)||cw()}function cw(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function uw(t,e){if(t){if("string"==typeof t)return sw(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?sw(t,e):void 0}}function sw(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function lw(t){if(Array.isArray(t))return t}function fw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yw(t,e,n){return(yw="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=bw(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 hw(t,e){return(hw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bw(t);if(e){var o=bw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vw(this,n)}}function vw(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 bw(t){return(bw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}rw.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var mw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hw(t,e)}(i,t);var e,n,r,o=dw(i);function i(){return fw(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return yw(bw(i.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:i.spec.r.defaultValue,g:i.spec.g.defaultValue,b:i.spec.b.defaultValue,a:i.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=aw(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=iw(r,2);return{type:n,slop:o[0],intercept:o[1]}}if("gamma"===n){var i=iw(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(et(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(et(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(et(r)," />"),"\n      ").concat(o&&"<feFuncA ".concat(et(o)," />"),"\n    </feComponentTransfe>")}}])&&pw(e.prototype,n),r&&pw(e,r),i}(Om);function gw(t){return(gw="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ow(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kw(t,e,n){return(kw="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=xw(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 Sw(t,e){return(Sw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xw(t);if(e){var o=xw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pw(this,n)}}function Pw(t,e){return!e||"object"!==gw(e)&&"function"!=typeof e?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)}mw.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 Rw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=jw(i);function i(){return ww(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return kw(xw(i.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:i.spec.azimuth.defaultValue,elevation:i.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(et({azimuth:e,elevation:n})," />")}}])&&Ow(e.prototype,n),r&&Ow(e,r),i}(Om);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 Ew(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 Cw(t,e,n){return(Cw="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=Iw(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,e){return(Tw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Dw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Iw(t);if(e){var o=Iw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Aw(this,n)}}function Aw(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){return(Iw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Rw.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var Vw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tw(t,e)}(i,t);var e,n,r,o=Dw(i);function i(){return Ew(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Cw(Iw(i.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,z:i.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(et({x:e,y:n,z:r})," />")}}])&&_w(e.prototype,n),r&&_w(e,r),i}(Om);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Bw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zw(t,e,n){return(zw="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=Xw(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 Fw(t,e){return(Fw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Xw(t);if(e){var o=Xw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Hw(this,n)}}function Hw(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 Xw(t){return(Xw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Vw.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var Yw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Gw(i);function i(){return Lw(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return zw(Xw(i.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:i.spec.x.defaultValue,y:i.spec.x.defaultValue,z:i.spec.x.defaultValue,pointsAtX:i.spec.pointsAtX.defaultValue,pointsAtY:i.spec.pointsAtY.defaultValue,pointsAtZ:i.spec.pointsAtZ.defaultValue,specularExponent:i.spec.specularExponent.defaultValue,limitingConeAngle:i.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(et({x:e,y:n,z:r,pointsAtX:o,pointsAtY:i,pointsAtZ:a,specularExponent:c,limitingConeAngle:u})," />")}}])&&Bw(e.prototype,n),r&&Bw(e,r),i}(Om);function Nw(t){return(Nw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Kw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Kw(Object(n),!0).forEach((function(e){Ww(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Kw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 Zw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function Jw(t,e,n){return(Jw="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=nO(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 Qw(t,e){return(Qw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nO(t);if(e){var o=nO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eO(this,n)}}function eO(t,e){return!e||"object"!==Nw(e)&&"function"!=typeof e?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)}Yw.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)}};var rO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tO(i);function i(){return Zw(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Jw(nO(i.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:i.spec.surfaceScale.defaultValue,lightingColor:i.spec.lightingColor.defaultValue,diffuseConstant:i.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return Uw(Uw({},Jw(nO(i.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(et({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}])&&qw(e.prototype,n),r&&qw(e,r),i}(Om);function oO(t){return(oO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iO(Object(n),!0).forEach((function(e){cO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function uO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lO(t,e,n){return(lO="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=hO(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 fO(t,e){return(fO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hO(t);if(e){var o=hO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yO(this,n)}}function yO(t,e){return!e||"object"!==oO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hO(t){return(hO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}rO.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var dO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=pO(i);function i(){return uO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return lO(hO(i.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:i.spec.surfaceScale.defaultValue,lightingColor:i.spec.lightingColor.defaultValue,specularConstant:i.spec.specularConstant.defaultValue,specularExponent:i.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return aO(aO({},lO(hO(i.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(et({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":o}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}])&&sO(e.prototype,n),r&&sO(e,r),i}(Om);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 bO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 gO(t,e,n){return(gO="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=SO(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 wO(t,e){return(wO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function OO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=SO(t);if(e){var o=SO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return kO(this,n)}}function kO(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 SO(t){return(SO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}dO.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var jO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wO(t,e)}(i,t);var e,n,r,o=OO(i);function i(){return bO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return gO(SO(i.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:i.spec.dx.defaultValue,dy:i.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(et({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}])&&mO(e.prototype,n),r&&mO(e,r),i}(Om);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 $O(t,e,n){return($O="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=TO(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 EO(t,e){return(EO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TO(t);if(e){var o=TO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CO(this,n)}}function CO(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)}jO.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var DO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=_O(i);function i(){return xO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return $O(TO(i.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:i.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(et({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&RO(e.prototype,n),r&&RO(e,r),i}(Om);function AO(t){return(AO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function IO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IO(Object(n),!0).forEach((function(e){MO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function MO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function LO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(zO="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=XO(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 FO(t,e){return(FO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XO(t);if(e){var o=XO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HO(this,n)}}function HO(t,e){return!e||"object"!==AO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XO(t){return(XO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}DO.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var YO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=GO(i);function i(){return LO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zO(XO(i.prototype),"getDefaultObject",this).call(this,VO({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}])&&BO(e.prototype,n),r&&BO(e,r),i}(Om);function NO(t){return(NO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=QO(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 ZO(t,e){return(ZO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=QO(t);if(e){var o=QO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return JO(this,n)}}function JO(t,e){return!e||"object"!==NO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QO(t){return(QO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var tk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=qO(i);function i(){return KO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return WO(QO(i.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}])&&UO(e.prototype,n),r&&UO(e,r),i}(YO);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 ok(t,e,n){return(ok="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=uk(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 ik(t,e){return(ik=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uk(t);if(e){var o=uk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ck(this,n)}}function ck(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 uk(t){return(uk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ak(i);function i(){return nk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return ok(uk(i.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}])&&rk(e.prototype,n),r&&rk(e,r),i}(YO);function lk(t){return(lk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pk(t,e){for(var n=0;n<e.length;n++){var 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,n){return(yk="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=bk(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 hk(t,e){return(hk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bk(t);if(e){var o=bk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vk(this,n)}}function vk(t,e){return!e||"object"!==lk(e)&&"function"!=typeof e?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)}var mk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=dk(i);function i(){return fk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return yk(bk(i.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}])&&pk(e.prototype,n),r&&pk(e,r),i}(YO);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 wk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kk(t,e,n){return(kk="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=xk(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 Sk(t,e){return(Sk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xk(t);if(e){var o=xk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pk(this,n)}}function Pk(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 xk(t){return(xk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Rk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=jk(i);function i(){return wk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return kk(xk(i.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}])&&Ok(e.prototype,n),r&&Ok(e,r),i}(YO);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 Ek(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _k(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Ck="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=Ik(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 Tk(t,e){return(Tk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ik(t);if(e){var o=Ik(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ak(this,n)}}function Ak(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 Ik(t){return(Ik=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Vk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tk(t,e)}(i,t);var e,n,r,o=Dk(i);function i(){return Ek(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Ck(Ik(i.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}])&&_k(e.prototype,n),r&&_k(e,r),i}(YO);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Bk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zk(t,e,n){return(zk="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=Xk(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 Fk(t,e){return(Fk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Gk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Xk(t);if(e){var o=Xk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Hk(this,n)}}function Hk(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 Xk(t){return(Xk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Yk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Gk(i);function i(){return Lk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return zk(Xk(i.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}])&&Bk(e.prototype,n),r&&Bk(e,r),i}(YO);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Wk(t,e,n){return(Wk="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=Qk(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 Zk(t,e){return(Zk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Qk(t);if(e){var o=Qk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Jk(this,n)}}function Jk(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 Qk(t){return(Qk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var tS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=qk(i);function i(){return Kk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Wk(Qk(i.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:i.spec.dx.defaultValue,dy:i.spec.dy.defaultValue,stdDeviation:i.spec.stdDeviation.defaultValue,color:i.spec.color.defaultValue,opacity:i.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(et({dx:e,dy:n,stdDeviation:r,"flood-color":o,"flood-opacity":i}),"  ").concat(this.getDefaultAttribute()," />")}}])&&Uk(e.prototype,n),r&&Uk(e,r),i}(Om);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 oS(t,e,n){return(oS="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 iS(t,e){return(iS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uS(t);if(e){var o=uS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cS(this,n)}}function cS(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 uS(t){return(uS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}tS.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:ln.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var sS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=aS(i);function i(){return nS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return oS(uS(i.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:i.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()," />")}}])&&rS(e.prototype,n),r&&rS(e,r),i}(Om);function lS(t){return(lS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pS(t,e){for(var n=0;n<e.length;n++){var 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,n){return(yS="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=bS(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 hS(t,e){return(hS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bS(t);if(e){var o=bS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vS(this,n)}}function vS(t,e){return!e||"object"!==lS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bS(t){return(bS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}sS.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:ln.number(0)}};var mS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=dS(i);function i(){return fS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return yS(bS(i.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:i.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()," />")}}])&&pS(e.prototype,n),r&&pS(e,r),i}(Om);function gS(t){return(gS="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kS(t,e,n){return(kS="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=xS(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 SS(t,e){return(SS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xS(t);if(e){var o=xS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return PS(this,n)}}function PS(t,e){return!e||"object"!==gS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xS(t){return(xS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}mS.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:ln.number(0)}};var RS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=jS(i);function i(){return wS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return kS(xS(i.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}])&&OS(e.prototype,n),r&&OS(e,r),i}(Om);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 ES(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=IS(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 TS(t,e){return(TS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function DS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=IS(t);if(e){var o=IS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return AS(this,n)}}function AS(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 IS(t){return(IS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}RS.spec={};var VS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TS(t,e)}(i,t);var e,n,r,o=DS(i);function i(){return ES(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return CS(IS(i.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,width:i.spec.width.defaultValue,height:i.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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(et({x:e,y:n,width:r,height:o})," ").concat(this.getDefaultAttribute()," />")}}])&&_S(e.prototype,n),r&&_S(e,r),i}(Om);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function BS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=XS(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,e){return(FS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XS(t);if(e){var o=XS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HS(this,n)}}function HS(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 XS(t){return(XS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}VS.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var YS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=GS(i);function i(){return LS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return zS(XS(i.prototype),"getDefaultObject",this).call(this,{type:"Image",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,width:i.spec.width.defaultValue,height:i.spec.height.defaultValue,src:i.spec.src.defaultValue,alignment:i.spec.alignment.defaultValue,scaleing:i.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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(et({x:n,y:r,width:o,height:i,"xlink:href":e,preserveAspectRatio:"".concat(a," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}])&&BS(e.prototype,n),r&&BS(e,r),i}(Om);function NS(t){return(NS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function US(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KS(Object(n),!0).forEach((function(e){WS(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function WS(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ZS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JS(t,e,n){return(JS="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=nj(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,e){return(QS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nj(t);if(e){var o=nj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ej(this,n)}}function ej(t,e){return!e||"object"!==NS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nj(t){return(nj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}YS.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.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 rj=["result"],oj=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tj(i);function i(){return ZS(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new(0,ij[t.type])(t)}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return JS(nj(i.prototype),"getDefaultObject",this).call(this,US({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return rj.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()," />")}}])&&qS(e.prototype,n),r&&qS(e,r),i}(ui),ij={Image:YS,Tile:VS,Saturate:sS,HueRotate:mS,LuminanceAlpha:RS,DropShadow:tS,SourceGraphic:tk,SourceAlpha:sk,BackgroundImage:mk,BackgroundAlpha:Rk,FillPaint:Vk,StrokePaint:Yk,ComponentTransfer:mw,DistantLight:Rw,PointLight:Vw,SpotLight:Yw,DiffuseLighting:rO,SpecularLighting:dO,Blend:DO,Offset:jO,RotaMatrix:_m,GaussianBlur:Ug,Flood:rw,Merge:Bm,Composite:Um,Morphology:rg,Turbulence:pg,DisplacementMap:Og,ColorMatrix:_g,ConvolveMatrix:Bg},aj={Image:YS.spec,Tile:VS.spec,DropShadow:tS.spec,Saturate:sS.spec,HueRotate:mS.spec,LuminanceAlpha:RS.spec,Offset:jO.spec,ComponentTransfer:mw.spec,SpecularLighting:dO.spec,SpotLight:Yw.spec,PointLight:Vw.spec,DistantLight:Rw.spec,DiffuseLighting:rO.spec,Blend:DO.spec,RotaMatrix:_m.spec,Merge:Bm.spec,GaussianBlur:Ug.spec,Flood:rw.spec,Morphology:rg.spec,Composite:Um.spec,Turbulence:pg.spec,DisplacementMap:Og.spec,ColorMatrix:_g.spec,ConvolveMatrix:Bg.spec};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){return function(t){if(Array.isArray(t))return sj(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return sj(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sj(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sj(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function lj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lj(Object(n),!0).forEach((function(e){pj(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pj(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 hj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dj(t,e,n){return(dj="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=gj(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 vj(t,e){return(vj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gj(t);if(e){var o=gj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mj(this,n)}}function mj(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 gj(t){return(gj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wj=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vj(t,e)}(i,t);var e,n,r,o=bj(i);function i(){return yj(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(){return dj(gj(i.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:ln.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return fj(fj({},dj(gj(i.prototype),"toCloneObject",this).call(this)),{},{offset:this.json.offset+"",color:this.json.color,properties:this.json.properties.map((function(t){return N(t)}))})}},{key:"convert",value:function(t){return(t=dj(gj(i.prototype),"convert",this).call(this,t)).offset=ln.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(Q(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(fj({checked:!0,value:ln.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(uj(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],fj({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,o=0,i=n.length;o<i;o++)if(this.json.properties[o].key===t){r=o;break}Object.assign(this.json.properties[+r],fj({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=fj(fj({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}])&&hj(e.prototype,n),r&&hj(e,r),i}(ui);function Oj(t){return(Oj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kj(t){return function(t){if(Array.isArray(t))return t}(t)||Pj(t)||jj(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sj(t){return function(t){if(Array.isArray(t))return xj(t)}(t)||Pj(t)||jj(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function jj(t,e){if(t){if("string"==typeof t)return xj(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?xj(t,e):void 0}}function Pj(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function xj(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Rj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $j(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Rj(Object(n),!0).forEach((function(e){Ej(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ej(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _j(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Cj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Tj(t,e,n){return(Tj="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=Vj(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,e){return(Dj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Vj(t);if(e){var o=Vj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ij(this,n)}}function Ij(t,e){return!e||"object"!==Oj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vj(t){return(Vj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Mj=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Dj(t,e)}(i,t);var e,n,r,o=Aj(i);function i(){return _j(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=[],n={};if(t.keyframe){var r=Se(t.keyframe);r.str.split("|").map((function(t){return t.trim()})).forEach((function(t,o){var a=kj(t.split(" ")),c=a[0],u=a[1],s=a[2],l=a.slice(3).join(" ");n[c]||(n[c]=new i({name:c}),e[o]=c);var f=n[c].offsets.filter((function(t){return t.offset.equals(ln.parse(u))})),p=null;f.length?p=f[0]:(p=new wj({offset:ln.parse(u)}),n[c].offsets.push(p)),p.addProperty({key:s,value:Pe(l,r.matches)})}))}return e.map((function(t){return n[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})),n[t]}))}}],(n=[{key:"getDefaultObject",value:function(){return Tj(Vj(i.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=t.name,n=t.selectedType,r=t.offsets;return $j($j({},Tj(Vj(i.prototype),"toCloneObject",this).call(this)),{},{name:e,selectedType:n,offsets:r.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 wj($j({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(Sj(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()}}])&&Cj(e.prototype,n),r&&Cj(e,r),i}(ui);function Lj(t){return(Lj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bj(t){return function(t){if(Array.isArray(t))return zj(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return zj(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return zj(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zj(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Fj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Gj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fj(Object(n),!0).forEach((function(e){Hj(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 Xj(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nj(t,e,n){return(Nj="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 Kj(t,e){return(Kj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Zj(t);if(e){var o=Zj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Wj(this,n)}}function Wj(t,e){return!e||"object"!==Lj(e)&&"function"!=typeof e?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){return(Zj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qj(t){return(qj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jj(Object(n),!0).forEach((function(e){tP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function eP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return nP(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nP(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nP(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function rP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function oP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=sP(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,e){return(aP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function cP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=sP(t);if(e){var o=sP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return uP(this,n)}}function uP(t,e){return!e||"object"!==qj(e)&&"function"!=typeof e?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){return(sP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var lP=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aP(t,e)}(i,t);var e,n,r,o=cP(i);function i(){return rP(this,i),o.apply(this,arguments)}return e=i,(n=[{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=eP(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 iP(sP(i.prototype),"getDefaultObject",this).call(this,Qj({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){var t=this.json,e=t.name,n=t.description,r=t.rootVariable;return Qj(Qj({},iP(sP(i.prototype),"toCloneObject",this).call(this)),{},{name:e,description:n,rootVariable:r})}},{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")}}])&&oP(e.prototype,n),r&&oP(e,r),i}(function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Uj(i);function i(){return Xj(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Nj(Zj(i.prototype),"getDefaultObject",this).call(this,Gj({colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],videos:[],audios:[]},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 Mj(Gj({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(Bj(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=Gj({},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 oj.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 Gj(Gj({},Nj(Zj(i.prototype),"toCloneObject",this).call(this)),{},{colors:N(t.colors),gradients:N(t.gradients),svgfilters:N(t.svgfilters),svgimages:N(t.svgimages),images:N(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]=Gj(Gj({},this.json.colors[t]),e)}},{key:"getColorIndex",value:function(t){return this.json.colors[t]}},{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]=Gj(Gj({},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:"removeVideo",value:function(t){this.removePropertyList(this.json.videos,t)}},{key:"copyVideo",value:function(t){this.copyPropertyList(this.json.videos,t)}},{key:"sortVideo",value:function(t,e){this.sortItem(this.json.videos,t,e)}},{key:"setVideoValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.videos[t]=Gj(Gj({},this.json.videos[t]),e)}},{key:"addVideo",value:function(t){return this.json.videos.push(t),t}},{key:"createVideo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addVideo(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]=Gj(Gj({},this.json.gradients[t]),e)}},{key:"getGradientIndex",value:function(t){return this.json.gradients[t]}},{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]=Gj(Gj({},this.json.svgfilters[t]),e)}},{key:"addSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgfilters.push(t);var e=this.json.svgfilters.length-1;return e}},{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]=Gj(Gj({},this.json.svgimages[t]),e)}},{key:"addSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgimages.push(t);var e=this.json.svgimages.length-1;return e}},{key:"createSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(t)}}])&&Yj(e.prototype,n),r&&Yj(e,r),i}(qo));function fP(t){return(fP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hP(t,e,n){return(hP="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 dP(t,e){return(dP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mP(t);if(e){var o=mP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bP(this,n)}}function bP(t,e){return!e||"object"!==fP(e)&&"function"!=typeof e?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)}ua.registerComponent("project",lP);var gP=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dP(t,e)}(i,t);var e,n,r,o=vP(i);function i(){return pP(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"is",value:function(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return!!n.includes("component")||(t=hP(mP(i.prototype),"is",this)).call.apply(t,[this].concat(n))}},{key:"getProps",value:function(){return[]}}])&&yP(e.prototype,n),r&&yP(e,r),i}(cm);function wP(t){return(wP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OP(t){return function(t){if(Array.isArray(t))return kP(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return kP(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return kP(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kP(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function SP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?SP(Object(n),!0).forEach((function(e){PP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function PP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 $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=TP(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,e){return(EP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TP(t);if(e){var o=TP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CP(this,n)}}function CP(t,e){return!e||"object"!==wP(e)&&"function"!=typeof e?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){return(TP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("component",gP);var DP=["front","back","left","right","top","bottom"],AP={"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"},IP={position:!0,left:!0,top:!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},VP={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},MP=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EP(t,e)}(i,t);var e,n,r,o=_P(i);function i(){return xP(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.cube}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $P(TP(i.prototype),"getDefaultObject",this).call(this,jP({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:ln.number(1),transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},t))}},{key:"getProps",value:function(){return[{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Background Color"].concat(OP(DP.map((function(t){return{key:"".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:t,params:"".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background Image"],OP(DP.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(AP[e.property]),properties:[jP(jP({},e),{},{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(AP[e.property]),properties:[jP(jP({},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):IP[t.property]?r.push(t):VP[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=$P(TP(i.prototype),"convert",this).call(this,t)).rate=ln.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,e={};return DP.forEach((function(n){e["".concat(n,".color")]=t.json["".concat(n,".color")],e["".concat(n,".background")]=t.json["".concat(n,".background")]})),jP(jP({},$P(TP(i.prototype),"toCloneObject",this).call(this)),{},{rate:this.json.rate.clone()},e)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cube"}},{key:"getIcon",value:function(){return Wb.cube}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),t.visibility=this.json.visible?"visible":"hidden",jP(jP({},t),this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return jP(jP(jP(jP(jP(jP(jP({},this.toVariableCSS()),this.toDefaultCSS()),this.toWebkitCSS()),this.toBoxModelCSS()),this.toAnimationCSS()),this.toTransitionCSS()),this.toLayoutItemCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.rate.value,n=t.width,r=t.height,o=n.value/2,i=r.value/2,a=t["backface-visibility"],c=jP(jP(jP(jP({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity","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(Q(c),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(a,";              \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(a,";          \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=this.toCSS(),c=this.toNestedCSS(),u={},s=c.find((function(t){return"div"===t.selector}))||{cssText:""};return s=s.cssText.replace(/\n/g,""),DP.forEach((function(t){u[t]=c.find((function(e){return e.selector==="."+t}))||{cssText:""},u[t]=u[t].cssText.replace(/\n/g,"")})),n?(delete a.left,delete a.top,"absolute"===a.position&&delete a.position,this.wrapperRootSVG(t,e,o,i,"\n        <foreignObject ".concat(et({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Q(a),'">\n            ').concat(DP.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(et({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Q(a),'">\n              ').concat(DP.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n            </div>   \n          </div>\n        </foreignObject>          \n      ")}},{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(DP.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&RP(e.prototype,n),r&&RP(e,r),i}(gP);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 BP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||FP(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zP(t){return function(t){if(Array.isArray(t))return GP(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||FP(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function FP(t,e){if(t){if("string"==typeof t)return GP(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?GP(t,e):void 0}}function GP(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function HP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HP(Object(n),!0).forEach((function(e){YP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function NP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function KP(t,e){for(var n=0;n<e.length;n++){var 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,n){return(UP="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=JP(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 WP(t,e){return(WP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JP(t);if(e){var o=JP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qP(this,n)}}function qP(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 JP(t){return(JP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("cube",MP);var QP={count:!0,rate:!0,face:!0},tx={position:!0,left:!0,top:!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},ex={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},nx=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ZP(i);function i(){return NP(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.cylinder}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return UP(JP(i.prototype),"getDefaultObject",this).call(this,XP({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:ln.number(40),rate:ln.number(1),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:"Count",min:3,max:100,step:1},refresh:!0,defaultValue:t},{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Color"].concat(zP(W(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"],zP(W(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){var n=this;if("rate"===e.property){var r=this.json.width,o=this.json.count.value,i=r.value/2,a=360/o,c=W(o).map((function(t,r){var o=r*a;return{selector:'[data-id="'.concat(n.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[{keyframes:e.keyframes.map((function(t){var e=t.time,n=t.value,r=t.timing;return{time:e,value:"rotateY(".concat(o,"deg) translateZ(").concat(i*n,"px)"),timing:r}})),property:"transform"}]}}));t.push.apply(t,zP(c))}if(e.property.includes(".color")){var u=BP(e.property.split("."),3),s=(u[0],u[1]);u[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[XP(XP({},e),{},{property:"background-color"})]})}if(e.property.includes(".background")){var l=BP(e.property.split("."),3);l[0],s=l[1],l[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[XP(XP({},e),{},{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach((function(t){t.property.includes("face")||QP[t.property]?n.push(t):tx[t.property]?r.push(t):ex[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=UP(JP(i.prototype),"convert",this).call(this,t)).count=ln.parse(t.count),t.rate=ln.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,e={};return W(this.json.count.value).forEach((function(n,r){e["face.".concat(r,".color")]=t.json["face.".concat(r,".color")],e["face.".concat(r,".background")]=t.json["face.".concat(r,".background")]})),XP(XP({},UP(JP(i.prototype),"toCloneObject",this).call(this)),{},{count:this.json.count.clone(),rate:this.json.rate.clone()},e)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cylinder"}},{key:"getIcon",value:function(){return Wb.cylinder}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),XP(XP({},t),this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return XP(XP(XP(XP(XP(XP({},this.toVariableCSS()),this.toDefaultCSS()),this.toWebkitCSS()),this.toBoxModelCSS()),this.toAnimationCSS()),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.count.value,n=t.width,r=t["backface-visibility"],o=t.rate.value,i=this.cylinderInfo,a=i.angle,c=i.r,u=i.faceWidth,s=XP(XP(XP(XP({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color")),this.toBackgroundImageCSS()),this.toBorderCSS()),this.toClipPathCSS()),l=W(e).map((function(e,n){var r=n*a,i="face.".concat(n,".color"),u="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(c*o,"px);\n          ").concat(t[i]?"background-color: ".concat(t[i],";"):"","\n          ").concat(t[u]?"".concat(t[u],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-u/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(u,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(Q(s),"\n        ").trim()}].concat(zP(l))}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(UP(JP(i.prototype),"updateFunction",this).call(this,t,e),e){var n=+t.attr("data-count");if(n!==this.json.count.value){t.$$(".face").forEach((function(t){return t.remove()}));var r=W(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(bt(i,a,e.x,e.y));var a,c=mt(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=mt(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(W(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=W(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(et({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Q(i),'">\n            ').concat(W(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")}}])&&KP(e.prototype,n),r&&KP(e,r),i}(gP);function rx(t){return function(t){if(Array.isArray(t))return ox(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return ox(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ox(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ox(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}ua.registerComponent("cylinder",nx);var ix={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},ax={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)"},cx=[[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"]],ux=function(t){return rx(lx(ax[t]||t))},sx=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=cx.length;e<n;e++){var r=cx[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(",")," )")},lx=function(t){if("string"==typeof t){if(ix[t])return cx.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},fx=function(t,e,n,r){var o=[t,e,n,r];return function(t){return Sx(o,t)}},px=function(t,e,n){var r=[t,e,n];return function(t){return jx(r,t)}},yx=function(t,e){var n=[t,e];return function(t){return Px(n,t)}},hx=function(t,e,n,r,o){var i=e(n),a=mt(r,o,i.x,i.y);a<t.minDist&&(t.minDist=a,t.minT=n)},dx=function(t,e,n,r,o,i,a,c){for(var u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,s=fx({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 y=p/u,h=s(y);l+=mt(f.x,f.y,h.x,h.y),f=h}return l},vx=function(t,e,n,r,o,i){for(var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=px({x:t,y:e},{x:n,y:r},{x:o,y:i}),u=0,s=c(0),l=0;l<=a;l++){var f=l/a,p=c(f);u+=mt(s.x,s.y,p.x,p.y),s=p}return u},bx=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++)hx(n,t,i/e,r,o);var a=1/(2*e),c=n.minT;for(i=0;i<e;i++)hx(n,t,c-a,r,o),hx(n,t,c+a,r,o),a/=2;return n.minT}},mx=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return bx(fx(t,e,n,r),o)},gx=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return bx(px(t,e,n),r)},wx=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return bx(yx(t,e),n)},Ox=function(t){if("linear"===t)return yx(n={x:0,y:0},r={x:1,y:1});var e=lx(t),n={x:0,y:0},r={x:e[0],y:e[1]},o={x:e[2],y:e[3]};return fx(n,r,o,{x:1,y:1})},kx=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},Sx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e),o=kx(t[2],t[3],e),i=kx(n,r,e),a=kx(r,o,e);return kx(i,a,e)},jx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e);return kx(n,r,e)},Px=function(t,e){return kx(t[0],t[1],e)},xx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e),o=kx(t[2],t[3],e),i=kx(n,r,e),a=kx(r,o,e),c=kx(i,a,e);return{first:[t[0],n,i,c],second:[c,a,o,t[3]]}},Rx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e),o=kx(n,r,e);return{first:[t[0],n,o],second:[o,r,t[2]]}},$x=function(t,e){var n=kx(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}};function Ex(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 _x(t,e,n){return function(t,e){return n}}function Cx(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 Tx(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}function Dx(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=ln.parse(n),c=ln.parse(r);return a.unit===c.unit?Ex(t,e,a.value,c.value,a.unit):a.equals(c)?_x(0,0,a):function(n,r){var u=Cx(t,e,a,o,i),s=Cx(t,e,c,o,i);return 0===r?u:1===r?s:Tx(t,e,ln.px(u.value+(s.value-u.value)*n),a.unit,o,i)}}function Ax(t,e){for(var n=0;n<e.length;n++){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 Ix=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":ln.px(0),"border-top-left-radius":ln.px(0),"border-top-right-radius":ln.px(0),"border-bottom-right-radius":ln.px(0),"border-bottom-left-radius":ln.px(0)},n=t.split(" ").filter((function(t){return ln.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)&&Ax(e.prototype,n),r&&Ax(e,r),t}(),Vx=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 Mx(t,e,n,r){for(var o=Vx(Ix.parseStyle(n)),i=Vx(Ix.parseStyle(r)),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++)c[u]=Dx(t,e,o[u],i[u]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function Lx(t){return(Lx="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bx(Object(n),!0).forEach((function(e){Fx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Fx(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Xx="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=Ux(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 Yx(t,e){return(Yx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Nx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ux(t);if(e){var o=Ux(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Kx(this,n)}}function Kx(t,e){return!e||"object"!==Lx(e)&&"function"!=typeof e?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)}var Wx=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yx(t,e)}(i,t);var e,n,r,o=Nx(i);function i(){return Gx(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var n=Se(t);return e=n.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),r=e.filter((function(t){return"inset"===t})),o=e.filter((function(t){return t.includes("@")})).map((function(t){return Pe(t,n.matches)})),a=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return i.parse({inset:!!r.length,color:o[0]||"rgba(0, 0, 0, 1)",offsetX:ln.parse(a[0]||"0px"),offsetY:ln.parse(a[1]||"0px"),blurRadius:ln.parse(a[2]||"0px"),spreadRadius:ln.parse(a[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return i.parse(t)})).join(", ")}}],(n=[{key:"getDefaultObject",value:function(){return Xx(Ux(i.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.px(0),spreadRadius:ln.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){var t=this.json;return zx(zx({},Xx(Ux(i.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=Xx(Ux(i.prototype),"convert",this).call(this,t)).offsetX=ln.parse(t.offsetX),t.offsetY=ln.parse(t.offsetY),t.blurRadius=ln.parse(t.blurRadius),t.spreadRadius=ln.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)}}])&&Hx(e.prototype,n),r&&Hx(e,r),i}(ui);function Zx(t,e,n,r){return function(t,e){return 1===e?r:n}}function qx(t,e,n,r){var o=Ye.parse(n||"rgba(0, 0, 0, 1)"),i=Ye.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:_e(o,i,t,"rgb")}}function Jx(t,e,n,r){for(var o=Wx.parseStyle(n),i=Wx.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||Wx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||Wx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Zx(0,0,l.inset,f.inset),offsetX:Dx(t,e,l.offsetX,f.offsetX),offsetY:Dx(t,e,l.offsetY,f.offsetY),blurRadius:Dx(t,e,l.blurRadius,f.blurRadius),spreadRadius:Dx(t,e,l.spreadRadius,f.spreadRadius),color:qx(0,0,l.color,f.color)})}return function(t,e){return Wx.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 Qx(t,e,n,r){return Zx(0,0,n,r)}var tR=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 eR(){return tR(1,"start")}function nR(){return tR(1,"end")}var rR=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},oR={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 tR(t,e)},"step-start":eR,"step-end":nR,stepStart:eR,stepEnd:nR,"ease-out-elastic":rR,easeOutElastic:rR};function iR(t,e,n){return n.toDeg()}function aR(t,e,n,r){var o=ln.parse(n),i=ln.parse(r);return function(t,e){var n=iR(0,0,o),r=iR(0,0,i);return 0===e?n:1===e?r:ln.deg(n.value+(r.value-n.value)*t).to(o.unit)}}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 uR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uR(Object(n),!0).forEach((function(e){lR(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yR(t,e,n){return(yR="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=bR(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 hR(t,e){return(hR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bR(t);if(e){var o=bR(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vR(this,n)}}function vR(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 bR(t){return(bR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mR,gR=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hR(t,e)}(i,t);var e,n,r,o=dR(i);function i(){return fR(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=Se(t);return e.str.split(",").filter((function(t){return t.trim()})).map((function(t){var n=t.split(" "),r=n.filter((function(t){return t.includes("@")})).map((function(t){return e.matches[+t.replace("@","")].color})),o=n.filter((function(t){return!t.includes("@")}));return i.parse({color:r[0]||"rgba(0, 0, 0, 1)",offsetX:ln.parse(o[0]||"0px"),offsetY:ln.parse(o[1]||"0px"),blurRadius:ln.parse(o[2]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return i.parse(t)})).join(", ")}}],(n=[{key:"getDefaultObject",value:function(){return yR(bR(i.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return sR(sR({},yR(bR(i.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=yR(bR(i.prototype),"convert",this).call(this,t)).offsetX=ln.parse(t.offsetX),t.offsetY=ln.parse(t.offsetY),t.blurRadius=ln.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)}}])&&pR(e.prototype,n),r&&pR(e,r),i}(ui);function wR(t,e,n,r){for(var o=gR.parseStyle(n),i=gR.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||gR.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||gR.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:Dx(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:Dx(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:Dx(t,e,l.blurRadius,f.blurRadius,"radius"),color:qx(0,0,l.color,f.color)})}return function(t,e){return gR.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 OR(t,e,n,r){var o={cut:Zx(0,0,n.cut,r.cut),percent:Ex(t,e,n.percent,r.percent),px:Ex(t,e,n.px,r.px),em:Ex(t,e,n.em,r.em),unit:Qx(0,0,n.unit,r.unit),color:qx(0,0,n.color,r.color)};return function(t,e){return new $u({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 kR(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?OR(t,e,c,u):Zx(0,0,c,u)}return function(t,e){return i.map((function(n){return n(t,e)}))}}function SR(t,e,n,r){var o={angle:Ex(t,e,n.angle,r.angle),colorsteps:kR(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=o.colorsteps(t,e);return new _s({angle:o.angle(t,e),colorsteps:n})}}function jR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}jR(mR={},"center",!0),jR(mR,"top",!0),jR(mR,"left",!0),jR(mR,"right",!0),jR(mR,"bottom",!0);function PR(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 xR(t,e,n,r){n.radialPosition[0]=PR(n.radialPosition[0],"width"),n.radialPosition[1]=PR(n.radialPosition[1],"height"),r.radialPosition[0]=PR(r.radialPosition[0],"width"),r.radialPosition[1]=PR(r.radialPosition[1],"height");var o={radialType:Qx(0,0,n.radialType,r.radialType),radialPositionX:Dx(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Dx(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:kR(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new rl({radialType:o.radialType(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function RR(t,e,n,r){var o={angle:Ex(t,e,n.angle,r.angle),radialPositionX:Dx(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Dx(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:kR(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new Cl({angle:o.angle(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function $R(t,e,n,r){var o={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)o.image=Zx(0,0,n,r);else if(n.type!=r.type)o.image=Zx(0,0,n,r);else switch(n.type){case"linear-gradient":o.image=SR(t,e,n,r);break;case"repeating-linear-gradient":o.image=function(t,e,n,r){var o=SR(t,e,n,r);return function(t,e){var n=o(t,e),r=new zs({angle:n.angle,colorsteps:n.colorsteps});return console.log(r),r}}(t,e,n,r);break;case"radial-gradient":o.image=xR(t,e,n,r);break;case"repeating-radial-gradient":o.image=function(t,e,n,r){var o=xR(t,e,n,r);return function(t,e){var n=o(t,e);return new yl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":o.image=RR(t,e,n,r);break;case"repeating-conic-gradient":o.image=function(t,e,n,r){var o=RR(t,e,n,r);return function(t,e){var n=o(t,e);return new zl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return o.image(t,e)}}function ER(t,e,n,r){for(var o=nf.parseStyle(tt(n)),i=nf.parseStyle(tt(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:_x(0,0,l.image),size:_x(0,0,l.size),width:_x(0,0,l.width),height:_x(0,0,l.height),x:_x(0,0,l.x),y:_x(0,0,l.y),blendMode:_x(0,0,l.blendMode),repeat:_x(0,0,l.repeat)}):!l&&f?c.push({image:_x(0,0,f.image),size:_x(0,0,f.size),width:_x(0,0,f.width),height:_x(0,0,f.height),x:_x(0,0,f.x),y:_x(0,0,f.y),blendMode:_x(0,0,f.blendMode),repeat:_x(0,0,f.repeat)}):l&&f&&c.push({image:$R(t,e,l.image,f.image),size:Qx(0,0,l.size,f.size),width:Dx(t,e,l.width,f.width,"width","self"),height:Dx(t,e,l.height,f.height,"height","self"),x:Dx(t,e,l.x,f.x,"width","self"),y:Dx(t,e,l.y,f.y,"height","self"),blendMode:Qx(0,0,l.blendMode,f.blendMode),repeat:Qx(0,0,l.repeat,f.repeat)})}return function(t,e){return nf.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 _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 CR(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return TR(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return TR(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function TR(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function DR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function AR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DR(Object(n),!0).forEach((function(e){IR(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IR(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return e&&MR(t.prototype,e),n&&MR(t,n),t}function BR(t,e,n){return(BR="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=XR(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 zR(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function FR(t,e){return(FR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XR(t);if(e){var o=XR(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HR(this,n)}}function HR(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 XR(t){return(XR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YR=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,NR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return BR(XR(n.prototype),"getDefaultObject",this).call(this,AR({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=o$[t.type];return e?new e(t):new UR({value:t.type})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Se(t);return(r.str.match(YR)||[]).forEach((function(t,o){var i=CR(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("@")}));e[o]=n.parse({type:a,offsetX:ln.parse(l[0]),offsetY:ln.parse(l[1]),blurRadius:ln.parse(l[2]),color:s[0]||"rgba(0, 0, 0, 1)"})}else e[o]=n.parse({type:a,value:ln.parse(c)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(ui),KR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return AR(AR({},BR(XR(n.prototype),"toCloneObject",this).call(this)),{},{value:ln.parse(this.json.value)})}}]),n}(NR);KR.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:ln.px(0)};var UR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return AR(AR({},BR(XR(n.prototype),"toCloneObject",this).call(this)),{},{value:ln.parse(this.json.value)})}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(NR);UR.spec={inputType:"select",defaultValue:""};var WR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return AR(AR({},BR(XR(n.prototype),"toCloneObject",this).call(this)),{},{value:ln.parse(this.json.value)})}}]),n}(NR);WR.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(0)};var ZR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(NR);ZR.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:ln.deg(0)};var qR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(NR);qR.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(0)};var JR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(NR);JR.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var QR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(NR);QR.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var t$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(NR);t$.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var e$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(NR);e$.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var n$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(NR);n$.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(0)};var r$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return LR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.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,")")}}]),n}(NR);r$.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:ln.px(0),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:ln.px(0),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:ln.px(0),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var o$={blur:KR,grayscale:WR,"hue-rotate":ZR,invert:qR,brightness:JR,contrast:QR,opacity:t$,saturate:e$,sepia:n$,"drop-shadow":r$,svg:UR},i$={BlurFilter:KR,GrayscaleFilter:WR,HueRotateFilter:ZR,InvertFilter:qR,BrightnessFilter:JR,ContrastFilter:QR,OpacityFilter:t$,SaturateFilter:e$,SepiaFilter:n$,DropshadowFilter:r$,URLSvgFilter:UR};function a$(t,e,n,r){var o={type:Qx(0,0,n.type,r.type),value:Zx(0,0,n.value,r.value)};switch(n.type){case"blur":o.value=Dx(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=Ex(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":o.offsetX=Dx(t,e,n.offsetX,r.offsetX,"width","self"),o.offsetY=Dx(t,e,n.offsetY,r.offsetY,"height","self"),o.blurRadius=Dx(t,e,n.blurRadius,r.blurRadius,"width","self"),o.spreadRadius=Dx(t,e,n.spreadRadius,r.spreadRadius,"width","self"),o.color=qx(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 c$(t,e,n,r){for(var o=NR.parseStyle(n),i=NR.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(_x(0,0,l)):!l&&f?c.push(_x(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Zx(0,0,l,f)):c.push(a$(t,e,l,f))}return function(t,e){return NR.join(c.map((function(n){return n(t,e)})))}}function u$(t,e,n,r){var o=$b.parseStyle(n),i=$b.parseStyle(r),a={type:Zx(0,0,o.type,o.type),value:Zx(0,0,n,r)};if(o.type==i.type&&"none"!=o)switch(o.type){case"circle":o.value=$b.parseStyleForCircle(o.value),i.value=$b.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=Zx(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=Dx(t,e,n.radius,r.radius,"width","self"),o.x=Dx(t,e,n.x,r.x,"width","self"),o.y=Dx(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=$b.parseStyleForEllipse(o.value),i.value=$b.parseStyleForEllipse(i.value),a.value=function(t,e,n,r){var o={radiusX:Dx(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:Dx(t,e,n.radiusY,r.radiusY,"height","self"),x:Dx(t,e,n.x,r.x,"width","self"),y:Dx(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=$b.parseStyleForInset(o.value),i.value=$b.parseStyleForInset(i.value),a.value=function(t,e,n,r){var o={top:Ex(t,e,n.top.value,r.top.value,n.top.unit),left:Ex(t,e,n.left.value,r.left.value,n.left.unit),right:Ex(t,e,n.right.value,r.right.value,n.right.unit),bottom:Ex(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Zx(0,0,n.round,r.round),topRadius:Ex(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Ex(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Ex(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Ex(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(" "),y=[u,f,l,s].join(" ");return"".concat(p," ").concat(c&&y.trim()?"round ".concat(y):"")}}(t,e,o.value,i.value);break;case"polygon":o.value=$b.parseStyleForPolygon(o.value),i.value=$b.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:_x(0,0,c.x),y:_x(0,0,c.y)}):!c&&u?i.push({x:_x(0,0,u.x),y:_x(0,0,u.y)}):i.push({x:Dx(t,e,c.x,u.x,"width","self"),y:Dx(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=$b.parseStyleForPath(o.value),i.value=$b.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 s$(t,e,n,r){for(var o={type:Zx(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(Dx(t,e,u,s,n.type)):i.push(Dx(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 l$(t,e,n,r){for(var o={type:Zx(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(Ex(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(Ex(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 ln.number(t)}))),{type:r,value:n}}}function f$(t,e,n,r){for(var o={type:Zx(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(aR(0,0,u,s)):i.push(aR(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 p$(t,e,n,r){for(var o=Pi.parseStyle(n.trim()),i=Pi.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(_x(0,0,s));else if(!s&&l)c.push(_x(0,0,l));else if(s.type!=l.type)c.push(Zx(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(s$(t,e,s,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(f$(0,0,s,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(l$(t,e,s,l))}}return function(t,e){return Pi.join(c.map((function(n){return n(t,e)})))}}function y$(t,e,n,r){for(var o=n.split(" ").map((function(t){return ln.parse(t)})),i=r.split(" ").map((function(t){return ln.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Dx(t,e,s,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function h$(t,e,n,r){for(var o=n.split(" ").map((function(t){return ln.parse(t)})),i=r.split(" ").map((function(t){return ln.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Dx(t,e,s,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function d$(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(Ex(t,e,s,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function v$(t){return(v$="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return m$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g$(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 O$(t,e){return(O$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function k$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=j$(t);if(e){var o=j$(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return S$(this,n)}}function S$(t,e){return!e||"object"!==v$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j$(t){return(j$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var P$=/[\b\t \,]/g,x$=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=k$(i);function i(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return g$(this,i),o.call(this,t)}return e=i,(n=[{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;B(t)&&(t=t.join(" "));for(var e=t.trim().split(P$).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 Qa,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=b$(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 i(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}])&&w$(e.prototype,n),r&&w$(e,r),i}(Ya);function R$(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(Ex(t,e,s,c)):!s&&l?i.push(Ex(t,e,a,l)):i.push(Ex(t,e,s,l))}return function(t,e){return i.map((function(n){return n(t,e)}))}}function $$(t,e,n,r){for(var o=new Ya,i=new Ya(n),a=new Ya(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:_x(0,0,l.command),values:R$(t,e,l.values,f.values)}):u.push({command:_x(0,0,l.command),values:_x(0,0,l.values)}):u.push({command:Zx(0,0,l.command,f.command),values:Zx(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 E$(t,e,n,r){for(var o=new x$,i=new x$(n),a=new x$(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,y=0;y<c;y++){var h=i.segments[y],d=a.segments[y];h&&!d?u.push({x:Ex(t,e,h.x,f),y:Ex(t,e,h.y,p)}):!h&&d?u.push({x:Ex(t,e,s,d.x),y:Ex(t,e,l,d.y)}):u.push({x:Ex(t,e,h.x,d.x),y:Ex(t,e,h.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 _$(t,e,n,r){var o={x:Ex("","",t,n),y:Ex("","",e,r)};return function(t,e){return{x:o.x(t,e),y:o.y(t,e)}}}function C$(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 jx(a,e)}}function T$(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 Sx(u,e)}}function D$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return A$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return A$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function I$(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var o=D$(t.values,2),i=o[0],a=o[1];n=[i,a];break;case"m":var c=D$(n,2),u=c[0],s=c[1],l=D$(t.values,2);i=l[0],a=l[1];n=[i+=u,a+=s];break;case"L":var f=D$(n,2),p=(u=f[0],s=f[1],D$(t.values,2));i=p[0],a=p[1];e.push({command:t.command,values:[u,s,i,a],length:mt(u,s,i,a),interpolate:_$(u,s,i,a)}),n=[i,a];break;case"l":var y=D$(n,2),h=(u=y[0],s=y[1],D$(t.values,2));i=h[0],a=h[1];i+=u,a+=s,e.push({command:t.command,values:[u,s,i,a],length:mt(u,s,i,a),interpolate:_$(u,s,i,a)}),n=[i,a];break;case"C":var d=D$(n,2),v=(u=d[0],s=d[1],D$(t.values,6)),b=v[0],m=v[1],g=v[2],w=v[3];i=v[4],a=v[5];e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:dx(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break;case"c":var O=D$(n,2),k=(u=O[0],s=O[1],D$(t.values,6));b=k[0],m=k[1],g=k[2],w=k[3],i=k[4],a=k[5];b+=u,g+=u,i+=u,m+=s,w+=s,a+=s,e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:dx(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break;case"Q":var S=D$(n,2),j=(u=S[0],s=S[1],D$(t.values,4));b=j[0],m=j[1],i=j[2],a=j[3];e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,i,a)}),n=[i,a];break;case"q":var P=D$(n,2),x=(u=P[0],s=P[1],D$(t.values,4));b=x[0],m=x[1],i=x[2],a=x[3];b+=u,i+=u,m+=s,a+=s,e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,i,a)}),n=[i,a];break;case"S":var R=D$(n,2),$=(u=R[0],s=R[1],D$(t.values,4)),E=(g=$[0],w=$[1],i=$[2],a=$[3],e[e.length-1]);if(["C","c","S","s"].includes(E.command)){var _=D$(E.values,8),C=(_[0],_[1],_[2],_[3],_[4]),T=_[5],D=_[6],A=_[7],I=Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T});b=I.x,m=I.y;e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:getCubicDist(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break}case"s":var V=D$(n,2),M=(u=V[0],s=V[1],D$(t.values,4));g=M[0],w=M[1],i=M[2],a=M[3];g+=u,i+=u,w+=s,a+=s;E=e[e.length-1];if(["C","c","S","s"].includes(E.command)){var L=D$(E.values,8),B=(L[0],L[1],L[2],L[3],C=L[4],T=L[5],D=L[6],A=L[7],Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T}));b=B.x,m=B.y;e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:getCubicDist(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break}case"T":var z=D$(n,2),F=(u=z[0],s=z[1],D$(t.values,2));i=F[0],a=F[1],E=e[e.length-1];if(["Q","q","T","t"].includes(E.command)){var G=D$(E.values,6),H=(G[0],G[1],C=G[2],T=G[3],D=G[4],A=G[5],Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T}));b=H.x,m=H.y;e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,i,a)}),n=[i,a]}break;case"t":var X=D$(n,2),Y=(u=X[0],s=X[1],D$(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=D$(E.values,6),K=(N[0],N[1],C=N[2],T=N[3],D=N[4],A=N[5],Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T}));b=K.x,m=K.y;e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,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 V$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function M$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?V$(Object(n),!0).forEach((function(e){L$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):V$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function L$(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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return z$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return z$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function F$(t,e,n,r,o){var i=B$(n.split(",").map((function(t){return t.trim()})),4),a=i[0],c=i[1],u=i[2],s=i[3],l={id:a,distance:ln.parse(c||"0%"),rotateStatus:u||"auto",rotate:ln.parse(s||"0deg")},f=function(t,e){return{x:x,y:y}},p=0,h=0;if(o){var d=o.searchById(l.id);d&&(p=d.screenX.value,h=d.screenY.value),f=function(t,e,n){var r=I$(new Ya(d.d||"").segments),o=r.totalLength,i=r.interpolateList,a=l.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 s=(e-c.startT)/(c.endT-c.startT),f=n(s);return M$(M$({},c.interpolate(f,s,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var o=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return ln.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"===l.rotateStatus);else{var s=c,y=0;n<1&&(y=1/c.totalLength);var d=f(e+y,n+y,r),v=gt(d.x-s.x,d.y-s.y),b=ln.deg(function(t,e){var n=0;switch(t){case"angle":n=l.rotate.value;break;case"auto angle":n=e+l.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(l.rotateStatus,v));t.reset({transform:Pi.rotate(t.transform,b)})}return u}}function G$(t,e,n,r){var o=r.length-1,i=0;return function(t,e){return 0===e?"":1===e?r:r.substring(i,Math.floor((o-i)*e))}}function H$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return X$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return X$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Y$(t,e,n,r,o,i){var a=i.$("video").el,c=H$(n.split(":"),3),u=c[0],s=(c[1],+(u||0)*+(c[2]||1));return function(e,n){0===n?(a.currentTime=s,a.paused&&a.play()):1===n?(t.reset({currentTime:a.currentTime}),a.pause()):a.paused&&a.play()}}function N$(t){return function(t){if(Array.isArray(t))return W$(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||U$(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||U$(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U$(t,e){if(t){if("string"==typeof t)return W$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?W$(t,e):void 0}}function W$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var Z$=function(){return function(t,e){}};function q$(t,e,n,r,o,i,a){var c=o||e;switch(c){case"width":case"x":return Dx(t,e,n,r,"width");case"height":case"y":return Dx(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 Dx(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Ex(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return qx(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return Qx(0,0,n,r);case"rotate":return aR(0,0,n,r)}var u=function(t){switch(t){case"border-radius":return Mx;case"border":return makeInterpolateBorder;case"box-shadow":return Jx;case"text-shadow":return wR;case"background-image":case"BackgroundImageEditor":return ER;case"filter":case"backdrop-filter":return c$;case"clip-path":return u$;case"transform":return p$;case"transform-origin":return y$;case"perspective-origin":return h$;case"stroke-dasharray":return d$;case"d":return $$;case"points":return E$;case"offset-path":return F$;case"text":return G$;case"playTime":return Y$}}(c);return u?u(t,e,n,r,i,a):Z$}function J$(t,e,n,r,o,i,a){return q$(t,e,n,r,o,i,a)}function Q$(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=K$(e,2),r=n[0],o=n[1];o=(o||"").split(")")[0].trim();var i=oR[r];if(i){var a=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return i.apply(void 0,N$(a))}return tE(t)}function tE(t){var e=Ox(t);return function(t){return e(t).y}}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 nE(t){return function(t){if(Array.isArray(t))return rE(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return rE(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rE(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rE(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function oE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oE(Object(n),!0).forEach((function(e){aE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function cE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sE(t,e,n){return(sE="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=yE(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 lE(t,e){return(lE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yE(t);if(e){var o=yE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pE(this,n)}}function pE(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 yE(t){return(yE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hE(t){return(hE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dE(Object(n),!0).forEach((function(e){bE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function mE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wE(t,e,n){return(wE="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=jE(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 OE(t,e){return(OE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jE(t);if(e){var o=jE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SE(this,n)}}function SE(t,e){return!e||"object"!==hE(e)&&"function"!=typeof e?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)}var PE=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=kE(i);function i(){return mE(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return wE(jE(i.prototype),"getDefaultObject",this).call(this,vE({itemType:"artboard",name:"New ArtBoard",width:ln.px(1e3),height:ln.px(1e3),"background-color":"white"},t))}},{key:"isLeaf",value:function(){return!1}},{key:"toCloneObject",value:function(){return vE(vE({},wE(jE(i.prototype),"toCloneObject",this).call(this)),{},{name:this.json.name})}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Wb.artboard}},{key:"toDefaultCSS",value:function(){return vE({},wE(jE(i.prototype),"toDefaultCSS",this).call(this))}}])&&gE(e.prototype,n),r&&gE(e,r),i}(function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=fE(i);function i(){return cE(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return sE(yE(i.prototype),"getDefaultObject",this).call(this,iE({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&sE(yE(i.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){L(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,o=this.getTimelineProperty(t,e),i=this.searchById(t),a="".concat(t,".").concat(e);if(1!==o.keyframes.length){var c=dn.body().$('[data-id="'.concat(t,'"]')),u=o.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[a]=o.keyframes.map((function(t,e){var a=t,s=o.keyframes[e+1];t.editor=u,s||(s={time:t.time,value:t.value+""});var l={layer:i,layerElement:c,property:o.property,isOnlyTime:a.time===s.time,startTime:t.time,endTime:s.time,startValue:t.value,endValue:s.value,timing:t.timing,interpolateFunction:J$(i,o.property,t.value,s.value,t.editor,r,c),timingFunction:Q$(t.timing)};return l.func=n.makeTimingFunction(l),l})).filter((function(t){return t}))}else this.json.compiledTimeline[a]=[]}},{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,n,t.timingFunction)}}},{key:"stop",value:function(t){var e=this.getSelectedTimeline();if(e){var n=e.currentTime;this.searchTimelineOffset(n).forEach((function(t){if("playTime"===t.property){var e=t.layerElement.$("video");e&&e.el.pause()}}))}}},{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){L(t)&&this.setTimelineCurrentTime(t);var r=n.currentTime;this.searchTimelineOffset(r).filter(e).forEach((function(t){"offset-path"===t.property||"playTime"===t.property?t.func(r):t.layer&&t.layer.reset(aE({},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,nE(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){Uc(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){Uc(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=Pt(),r=iE(iE({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();if(r||(r=this.addTimeline(e,n)),r.selected=!0,t){var o=r.animations.filter((function(e){return e.id===t}));o[0]||r.animations.push({id:t,properties:[]})}}},{key:"getTimelineLayerInfo",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=Kc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Uc(t,0),totalTimecode:Uc(t,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{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=Wc(n,o=+o)),i>r&&(i=r);var a=Kc(n,i);e.currentTime=a,e.currentTimecode=Uc(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(Uc(o,i))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=Wc(e.fps,n)),Kc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Kc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Kc(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&&(L(i)&&(a.time=i),L(r)&&(a.value=r),L(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=M(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:Pt(),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",s="";a.length&&(a.sort((function(t,e){return t.time>e.time?-1:1})),c=a[0].value+"",u=a[0].timing+"",s=a[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:u,editor:s})}}},{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=Uc(t,e.currentTime),e.totalTimecode=Uc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return iE(iE({},sE(yE(i.prototype),"toCloneObject",this).call(this)),{},{timeline:N(this.json.timeline)})}}])&&uE(e.prototype,n),r&&uE(e,r),i}(Xb));function xE(t){return(xE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $E(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RE(Object(n),!0).forEach((function(e){EE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function EE(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 TE(t,e,n){return(TE="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=VE(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 DE(t,e){return(DE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function AE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=VE(t);if(e){var o=VE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return IE(this,n)}}function IE(t,e){return!e||"object"!==xE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VE(t){return(VE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("artboard",PE);var ME=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DE(t,e)}(i,t);var e,n,r,o=AE(i);function i(){return _E(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.image}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return TE(VE(i.prototype),"getDefaultObject",this).call(this,$E({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"getIcon",value:function(){return Wb.image}},{key:"toCloneObject",value:function(){return $E($E({},TE(VE(i.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;e&&t.$("img").attr("src",n),TE(VE(i.prototype),"updateFunction",this).call(this,t,e)}},{key:"toNestedCSS",value:function(){return this.json,$E($E($E($E({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity")),this.toClipPathCSS()),this.toBackgroundImageCSS()),this.toBorderCSS()),[{selector:"img",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=this.toCSS();return n?(delete c.left,delete c.top,"absolute"===c.position&&delete c.position,this.wrapperRootSVG(t,e,o,i,'\n        <img style="'.concat(Q(c),'" src="').concat(a,' "/>\n      '))):"\n        ".concat(this.toDefString,'      \n        <img style="').concat(Q(c),'" src="').concat(a,' "/>\n      ')}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <img src='").concat(r,"' />\n      </div>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&CE(e.prototype,n),r&&CE(e,r),i}(cm);function LE(t){return(LE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(FE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XE(t);if(e){var o=XE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HE(this,n)}}function HE(t,e){return!e||"object"!==LE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XE(t){return(XE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("image",ME);var YE=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FE(t,e)}(i,t);var e,n,r,o=GE(i);function i(){return BE(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}])&&zE(e.prototype,n),r&&zE(e,r),i}(Fu);function NE(t){return(NE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||WE(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function UE(t){return function(t){if(Array.isArray(t))return ZE(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||WE(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function WE(t,e){if(t){if("string"==typeof t)return ZE(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ZE(t,e):void 0}}function ZE(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function qE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function JE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qE(Object(n),!0).forEach((function(e){QE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function QE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function t_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(n_="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=a_(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 r_(t,e){return(r_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function o_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=a_(t);if(e){var o=a_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return i_(this,n)}}function i_(t,e){return!e||"object"!==NE(e)&&"function"!=typeof e?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)}var c_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=o_(i);function i(){return t_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new LinearGradient({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Se(t),n={},r=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,o){if(t.includes("@"))t=Pe(t,e.matches),r.push.apply(r,UE($u.parse(t)));else{var i=KE(t.split(" "),5),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4];n.x1=ln.parse(a),n.y1=ln.parse(c),n.x2=ln.parse(u),n.y2=ln.parse(s),n.spreadMethod=l||"pad"}})),new i(JE(JE({},n),{},{colorsteps:r}))}}],(n=[{key:"getDefaultObject",value:function(t){return n_(a_(i.prototype),"getDefaultObject",this).call(this,JE({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return JE(JE({},n_(a_(i.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(et({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,")")}}])&&e_(e.prototype,n),r&&e_(e,r),i}(YE);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,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||f_(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l_(t){return function(t){if(Array.isArray(t))return p_(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||f_(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f_(t,e){if(t){if("string"==typeof t)return p_(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p_(t,e):void 0}}function p_(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function y_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function h_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?y_(Object(n),!0).forEach((function(e){d_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):y_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function d_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function v_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 m_(t,e,n){return(m_="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=k_(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,e){return(g_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function w_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=k_(t);if(e){var o=k_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return O_(this,n)}}function O_(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 k_(t){return(k_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var S_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&g_(t,e)}(i,t);var e,n,r,o=w_(i);function i(){return v_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Se(t),n={},r=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,o){if(t.includes("@"))t=Pe(t,e.matches),r.push.apply(r,l_($u.parse(t)));else{var i=s_(t.split(" "),7),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4],f=i[5],p=i[6];n.cx=a,n.cy=c,n.r=u,n.fx=s,n.fy=l,n.fr=f,n.spreadMethod=p||"pad"}})),new i(h_(h_({},n),{},{colorsteps:r}))}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return m_(k_(i.prototype),"getDefaultObject",this).call(this,h_({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,e=t.cx,n=t.cy,r=t.r,o=t.fx,a=t.fy,c=t.fr,u=t.spreadMethod;return h_(h_({},m_(k_(i.prototype),"toCloneObject",this).call(this)),{},{cx:e,cy:n,r:r,fx:o,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(et({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,")")}}])&&b_(e.prototype,n),r&&b_(e,r),i}(YE);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 P_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function x_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P_(Object(n),!0).forEach((function(e){R_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function R_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 __(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=A_(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 C_(t,e){return(C_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function T_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=A_(t);if(e){var o=A_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return D_(this,n)}}function D_(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 A_(t){return(A_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var I_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=T_(i);function i(){return $_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new i({colorsteps:[new $u({color:t,percent:0,index:0}),new $u({color:t,percent:100,index:0})]})}}],(n=[{key:"getDefaultObject",value:function(){return __(A_(i.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new $u({color:"red",percent:0,index:0}),new $u({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return x_(x_({},__(A_(i.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}}])&&E_(e.prototype,n),r&&E_(e,r),i}(YE);function V_(t){return(V_="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return L_(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return L_(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L_(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function B_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?B_(Object(n),!0).forEach((function(e){F_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):B_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function F_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function G_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function H_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function X_(t,e,n){return(X_="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 Y_(t,e){return(Y_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function N_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=U_(t);if(e){var o=U_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return K_(this,n)}}function K_(t,e){return!e||"object"!==V_(e)&&"function"!=typeof e?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)}var W_=["jpg","jpeg","png","gif","svg"];var Z_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y_(t,e)}(i,t);var e,n,r,o=N_(i);function i(){return G_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=M_(t.split("(")[1].split(")")[0].trim().split("#"),2),n=e[0],r=e[1];if(!r)return new i({url:n});var o=M_(r.split(","),7);return new i({patternUnits:o[0],patternWidth:o[1],patternHeight:o[2],imageX:o[3],imageY:o[4],imageWidth:o[5],imageHeight:o[6],url:n})}},{key:"isImageFile",value:function(t){return W_.includes(t)}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return X_(U_(i.prototype),"getDefaultObject",this).call(this,z_({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return z_(z_({},X_(U_(i.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=this.json,e=t.patternUnits,n=t.patternWidth,r=t.patternHeight,o=t.imageX,i=t.imageY,a=t.imageWidth,c=t.imageHeight,u=t.url,s=[e,n,r,o,i,a,c].join(",").trim();return"url(".concat(u,"#").concat(s,")")}},{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(et({id:t,patternUnits:n,width:r,height:o}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(et({x:i,y:a,width:c,height:u,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&H_(e.prototype,n),r&&H_(e,r),i}(du);function q_(t){return(q_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Q_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?J_(Object(n),!0).forEach((function(e){tC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):J_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nC(t,e){for(var n=0;n<e.length;n++){var 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(rC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function oC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=aC(t);if(e){var o=aC(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return iC(this,n)}}function iC(t,e){return!e||"object"!==q_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aC(t){return(aC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var cC=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,uC=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=oC(i);function i(){return eC(this,i),o.apply(this,arguments)}return e=i,r=[{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 c_(Q_(Q_({},r),{},{colorsteps:n}));case"radial-gradient":return new S_(Q_(Q_({},r),{},{colorsteps:n}));default:return new I_(Q_(Q_({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new i(t)}},{key:"parseImage",value:function(t){var e=Se(t),n=null,r=e.str.match(cC);return r?(r.forEach((function(t,r){t=Pe(t,e.matches),n=t.includes("linear")?c_.parse(t):t.includes("radial")?S_.parse(t):t.includes("url")?Z_.parse(t):I_.parse(t)})),n):I_.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new c_(t);case"radial-gradient":return new S_(t);case"image-resource":case"url":return new Z_(t);default:return new I_(t)}}}],(n=[{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:i.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:i.createGradient(t,this.json.image)})}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&nC(e.prototype,n),r&&nC(e,r),i}(ui);function sC(t){return(sC="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lC(Object(n),!0).forEach((function(e){pC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yC(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dC(t,e,n){return(dC="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=gC(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 vC(t,e){return(vC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gC(t);if(e){var o=gC(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mC(this,n)}}function mC(t,e){return!e||"object"!==sC(e)&&"function"!=typeof e?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)}var wC=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=bC(i);function i(){return yC(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return dC(gC(i.prototype),"getDefaultObject",this).call(this,fC({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 fC(fC({},dC(gC(i.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 fC(fC({},dC(gC(i.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 fC(fC({},this.toDefaultSVGCSS()),this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"toLayoutCSS",value:function(){return{}}},{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(dn.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 uC.parseImage(this.json.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return uC.parseImage(this.json.stroke||"black").toSVGString(this.strokeId)}},{key:"toFillValue",get:function(){return uC.parseImage(this.json.fill||"transparent").toFillValue(this.fillId)}},{key:"toFillOpacityValue",get:function(){return Ye.parse(this.json.fill||"transparent").a}},{key:"toStrokeValue",get:function(){return uC.parseImage(this.json.stroke||"black").toFillValue(this.strokeId)}},{key:"toFilterValue",get:function(){return this.json.svgfilter?"url(#".concat(this.json.svgfilter,")"):""}}])&&hC(e.prototype,n),r&&hC(e,r),i}(cm);function OC(t){return function(t){if(Array.isArray(t))return kC(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return kC(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return kC(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kC(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var jC=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=OC(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=OC(t.dataTransfer.files)),[].concat(OC(e),OC(n))}}],(n=null)&&SC(e.prototype,n),r&&SC(e,r),t}(),PC=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],xC=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],RC=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),$C={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},EC={d:!0},_C={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},CC=function(t){return $C[t]||!1},TC=function(t){return EC[t]||!1},DC=function(t){return _C[t]||!1};function AC(t){return(AC="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IC(Object(n),!0).forEach((function(e){MC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function MC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function LC(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(zC="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=XC(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 FC(t,e){return(FC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XC(t);if(e){var o=XC(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HC(this,n)}}function HC(t,e){return!e||"object"!==AC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XC(t){return(XC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YC=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FC(t,e)}(i,t);var e,n,r,o=GC(i);function i(){return LC(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zC(XC(i.prototype),"getDefaultObject",this).call(this,VC({itemType:"svg-path",name:"New Path","stroke-width":5,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 Ya(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.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=zC(XC(i.prototype),"convert",this).call(this,t)).d&&(t.path=new Ya(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return VC(VC({},zC(XC(i.prototype),"toCloneObject",this).call(this)),{},{totalLength:t.totalLength,d:t.d,segments:N(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return CC(t.property)&&TC(t.property)})),n=t.filter((function(t){return DC(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path");r.attr("d",this.json.d),e&&(r.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),n&&(this.json.totalLength=r.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(et(VC(VC({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute()),{},{style:Q(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(nt(e),"'  ").concat(et({"motion-based":this.json["motion-based"],xmlns:"http://www.w3.org/2000/svg"}),'  data-id="').concat(t,'" >\n    ').concat(this.toDefString,"\n    <path ").concat(et({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)}}])&&BC(e.prototype,n),r&&BC(e,r),i}(wC);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){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return UC(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return UC(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function UC(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function WC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ZC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?WC(Object(n),!0).forEach((function(e){qC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):WC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function JC(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function QC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tT(t,e,n){return(tT="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=oT(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 eT(t,e){return(eT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function nT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=oT(t);if(e){var o=oT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return rT(this,n)}}function rT(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 oT(t){return(oT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svg-path",YC);var iT=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,aT=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eT(t,e)}(i,t);var e,n,r,o=nT(i);function i(){return JC(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toCSS",value:function(t){return new ClipPath(t).toCSS()}},{key:"toString",value:function(t){return ClipPath.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new ClipPath(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(iT)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=KC(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 ln("","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 M(a)&&(a=i),{radius:e,x:i=ln.parse(i),y:a=ln.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=t.split("at").map((function(t){return t.trim()})),o=KC(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=KC(i,2),c=a[0],u=a[1];M(u)&&(u=c),c=ln.parse(c),u=ln.parse(u);var s=e.split(" "),l=KC(s,2),f=l[0],p=l[1];return M(p)&&(p=f),{radiusX:f=ln.parse(f),radiusY:p=ln.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=KC(e,2),r=n[0],o=n[1],i=yb.parse(r),a=KC(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=yb.parse(o),y=KC(p,5),h=y[0],d=y[1],v=y[2],b=y[3],m=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:m}}},{key:"parseStyleForPolygon",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=KC(t.trim().split(" "),2),n=e[0],r=e[1];return{x:ln.parse(n),y:ln.parse(r)}}))}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return tT(oT(i.prototype),"getDefaultObject",this).call(this,ZC({itemType:"shape",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return ZC(ZC({},tT(oT(i.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()}}}])&&QC(e.prototype,n),r&&QC(e,r),i}(ui);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 uT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uT(Object(n),!0).forEach((function(e){lT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lT(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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yT(t,e,n){return(yT="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=bT(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 hT(t,e){return(hT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bT(t);if(e){var o=bT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vT(this,n)}}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 bT(t){return(bT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mT=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hT(t,e)}(i,t);var e,n,r,o=dT(i);function i(){return fT(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return yT(bT(i.prototype),"getDefaultObject",this).call(this,sT({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":ln.number(100),textLength:ln.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"toShapeInsideCSS",value:function(){var t=this.json["shape-inside"];switch(aT.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.shapeInsideId,")")}return{"shape-inside":t,"inline-size":this.json.width}}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new Ya(t.d),t.segments&&this.json.path.resetSegment(t.segments)}},{key:"setCache",value:function(){this.rect=this.clone()}},{key:"convert",value:function(t){return(t=yT(bT(i.prototype),"convert",this).call(this,t)).textLength=ln.parse(t.textLength),t}},{key:"toCloneObject",value:function(){var t=this.json;return sT(sT({},yT(bT(i.prototype),"toCloneObject",this).call(this)),{},{totalLength:t.totalLength,text:t.text,textLength:"".concat(t.textLength),lengthAdjust:t.lengthAdjust,"shape-inside":t["shape-inside"]})}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return CC(t.property)})),n=t.filter((function(t){return DC(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:e}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.$("text");n.text(this.json.text),n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue,y:this.json["font-size"]||"13px",textLength:this.json.textLength,lengthAdjust:this.json.lengthAdjust}),this.updateDefString(t)}}},{key:"toNestedCSS",value:function(){return[{selector:"> text",css:sT({},this.toShapeInsideCSS())}]}},{key:"toSVGCSS",value:function(){return sT(sT({},yT(bT(i.prototype),"toSVGCSS",this).call(this)),this.toShapeInsideCSS())}},{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;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">    \n      ').concat(this.toDefString,"\n      <text ").concat(et(sT(sT({class:"svg-text-item"},this.toSVGAttribute()),{},{textLength:r,lengthAdjust:o,y:this.json["font-size"]||"13px",style:Q(this.toSVGCSS())}))," >").concat(this.json.text,"</text>\n    </g>")}},{key:"toShapeInside",get:function(){var t=aT.parseStyle(this.json["shape-inside"]),e=t.value;switch(t.type){case"path":return'<path d="'.concat(e,'" id="').concat(this.shapeInsideId,'" />')}return""}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n        ").concat(this.toShapeInside,"\n    ")}},{key:"shapeInsideId",get:function(){return this.getInnerId("shape-inside")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.textLength,r=t.lengthAdjust;return"\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString,"\n      <text ").concat(et({class:"svg-text-item",textLength:n,lengthAdjust:r,y:this.json["font-size"]||"13px"})," >").concat(this.json.text,"</text>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&pT(e.prototype,n),r&&pT(e,r),i}(wC);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 wT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wT(Object(n),!0).forEach((function(e){kT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ST(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(PT="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=ET(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 xT(t,e){return(xT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function RT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ET(t);if(e){var o=ET(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $T(this,n)}}function $T(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 ET(t){return(ET=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svgtext",mT);var _T=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xT(t,e)}(i,t);var e,n,r,o=RT(i);function i(){return ST(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return PT(ET(i.prototype),"getDefaultObject",this).call(this,OT({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:ln.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:ln.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 Ya(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=PT(ET(i.prototype),"convert",this).call(this,t)).path=new Ya(t.d),t.textLength=ln.parse(t.textLength),t.startOffset=ln.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){var t=this.json;return OT(OT({},PT(ET(i.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 CC(t.property)})),n=t.filter((function(t){return TC(t.property)})),r=t.filter((function(t){return DC(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(et(OT(OT({class:"svg-textpath-item"},this.toSVGAttribute()),{},{style:Q(this.toSVGCSS())}))," >\n        <textPath ").concat(et({"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(et({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(et({class:"svg-textpath-item"})," >\n        <textPath ").concat(et({"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)}}])&&jT(e.prototype,n),r&&jT(e,r),i}(wC);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 TT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?TT(Object(n),!0).forEach((function(e){AT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):TT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function IT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function MT(t,e,n){return(MT="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=FT(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 LT(t,e){return(LT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function BT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=FT(t);if(e){var o=FT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return zT(this,n)}}function zT(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 FT(t){return(FT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svg-textpath",_T);var GT=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LT(t,e)}(i,t);var e,n,r,o=BT(i);function i(){return IT(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return MT(FT(i.prototype),"getDefaultObject",this).call(this,DT({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 DT(DT({},MT(FT(i.prototype),"toCloneObject",this).call(this)),{},{content:this.json.content})}},{key:"updateFunction",value:function(t){var e=this.json.content;t.updateDiff(e)}},{key:"toCSS",value:function(){var t=MT(FT(i.prototype),"toCSS",this).call(this);return t.margin=t.margin||"0px",t}},{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,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(et({width:r.value,height:o.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <p style="').concat(Q(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)}}])&&VT(e.prototype,n),r&&VT(e,r),i}(cm);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?XT(Object(n),!0).forEach((function(e){NT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function KT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 WT(t,e,n){return(WT="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=QT(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 ZT(t,e){return(ZT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=QT(t);if(e){var o=QT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return JT(this,n)}}function JT(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 QT(t){return(QT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("text",GT);var tD=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ZT(t,e)}(i,t);var e,n,r,o=qT(i);function i(){return KT(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return WT(QT(i.prototype),"getDefaultObject",this).call(this,YT({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}])&&UT(e.prototype,n),r&&UT(e,r),i}(cm);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nD(Object(n),!0).forEach((function(e){oD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function oD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function iD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 cD(t,e,n){return(cD="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=fD(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 uD(t,e){return(uD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fD(t);if(e){var o=fD(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lD(this,n)}}function lD(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 fD(t){return(fD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("rect",tD);var pD=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uD(t,e)}(i,t);var e,n,r,o=sD(i);function i(){return iD(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return cD(fD(i.prototype),"getDefaultObject",this).call(this,rD({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}])&&aD(e.prototype,n),r&&aD(e,r),i}(cm);function yD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yD(Object(n),!0).forEach((function(e){dD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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){var e=Q$("linear"),n=I$(t.segments),r=n.totalLength,o=n.interpolateList;return{totalLength:r,xy:function(t){t>1&&(t-=1);var n=o[0];if(0===t)n=o[0];else if(1===t)n=o[o.length-1];else{var r=o.find((function(e){return e.startT<=t&&t<e.endT}));r&&(n=r)}var i=(t-n.startT)/(n.endT-n.startT),a=e(i);return hD(hD({},n.interpolate(a,i,e)),{},{newT:i,t:t,totalLength:n.totalLength})}}}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 mD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mD(Object(n),!0).forEach((function(e){wD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function OD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kD(t,e){for(var n=0;n<e.length;n++){var 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,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=RD(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 jD(t,e){return(jD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function PD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=RD(t);if(e){var o=RD(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xD(this,n)}}function xD(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 RD(t){return(RD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("circle",pD);var $D=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jD(t,e)}(i,t);var e,n,r,o=PD(i);function i(){return OD(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.brush}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return SD(RD(i.prototype),"getDefaultObject",this).call(this,gD({itemType:"svg-brush",name:"New Brush",d:"",segments:[],totalLength:0,distance: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 Ya(t.d),t.segments&&this.json.path.resetSegment(t.segments),t.rect&&(this.json.width=ln.px(t.rect.width),this.json.height=ln.px(t.rect.height),this.setScreenX(ln.px(t.rect.x)),this.setScreenY(ln.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=SD(RD(i.prototype),"convert",this).call(this,t)).d&&(t.path=new Ya(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return gD(gD({},SD(RD(i.prototype),"toCloneObject",this).call(this)),{},{totalLength:t.totalLength,d:t.d,segments:N(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Brush"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return CC(t.property)&&TC(t.property)})),n=t.filter((function(t){return DC(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path.svg-brush-item");if(r.attr("d",this.json.d),e){this.updateDefString(t);var o=t.$(".svg-brush-items");o.attr("filter",this.toFilterValue),o.attr("fill",this.toFillValue),o.attr("fill-opacity",this.toFillOpacityValue),o.updateSVGDiff(this.makeBrushItem(this.json["stroke-width"]))}n&&(this.json.totalLength=r.totalLength)}},{key:"makeBrushShape",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return"\n      <circle ".concat(et({cx:t,cy:e,r:n,transform:"rotate(".concat(360*Math.random(),", ").concat(t,", ").concat(e,")")}),"></circle>\n    ")}},{key:"makeBrushItem",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.makeBrushItemRate().map((function(n){return t.makeBrushShape(n.x,n.y,e*n.scale,n.t)})).join("")}},{key:"makeBrushItemRate",value:function(){var t=this.json,e=t.d,n=t.totalLength,r=t.distance;return function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=vD(t),o=r.totalLength,i=r.xy,a=o/e,c=n/o,u=a/o+c,s=[],l=1,f=0;f<e;f++){var p=f*u;if(p>l)break;s.push(i(p))}return s}(new Ya(e),n,r).map((function(t){var e=t.t>.5?1-t.t:t.t;return gD(gD({},t),{},{scale:e/.4*1.3})}))}},{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(et(gD(gD({class:"svg-brush-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute()),{},{style:Q(this.toSVGCSS())}))," />\n    </g>\n  ")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(SD(RD(i.prototype),"toDefInnerString",this),"\n    ")}},{key:"brushId",get:function(){return this.getInnerId("brush")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.d,r=this.makeBrushItem(this.json["stroke-width"]);return"\n  <svg class='element-item brush' data-id=\"".concat(e,'" >\n    ').concat(this.toDefString,"\n    <path class='svg-brush-item' d=\"").concat(n,'" fill="transparent" stroke="transparent" stroke-width="3" style=\'pointer-events: stroke;\' />\n    <g class=\'svg-brush-items\' style=\'pointer-events:none;\' \n        filter="').concat(this.toFilterValue,'" \n        fill="').concat(this.toFillValue,"\" \n        stroke='transparent'\n        fill-opacity=\"").concat(this.toFillOpacityValue,'"\n      >\n      ').concat(r,"\n    </g>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&kD(e.prototype,n),r&&kD(e,r),i}(wC);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 _D(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function CD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_D(Object(n),!0).forEach((function(e){TD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_D(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function DD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 ID(t,e,n){return(ID="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=BD(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 VD(t,e){return(VD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function MD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=BD(t);if(e){var o=BD(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return LD(this,n)}}function LD(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 BD(t){return(BD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svg-brush",$D);var zD=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=MD(i);function i(){return DD(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.video}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ID(BD(i.prototype),"getDefaultObject",this).call(this,CD({itemType:"video",name:"New Video",elementType:"video",src:"",srcType:"video/mp4",controls:!1,preload:"auto",poster:"",autoplay:!1,buffered:!1,crossorigin:"anonymous",loop:!1,muted:!1,played:!1,currentTime:0,playbackRate:1,playTime:"0:1:1"},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Video"}},{key:"getIcon",value:function(){return Wb.video}},{key:"toCloneObject",value:function(){return CD(CD({},ID(BD(i.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:"updateDiff",value:function(t,e){t.el[e]!=this.json[e]&&(t.el[e]=this.json[e])}},{key:"updateFunction",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=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a=this.json;if(a.src,a.currentTime,a.playbackRate,e){var c=t.$("video");c&&(o||(this.updateDiff(c,"currentTime"),this.updateDiff(c,"playbackRate"),this.updateDiff(c,"volume")))}ID(BD(i.prototype),"updateFunction",this).call(this,t,e,n,r)}},{key:"toNestedCSS",value:function(){return[{selector:"video",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=r.srcType,u=this.toCSS();return n?(delete u.left,delete u.top,"absolute"===u.position&&delete u.position,this.wrapperRootSVG(t,e,o,i,'\n        <video controls width="250" style="'.concat(Q(u),'" >\n          <source src="').concat(a,'"\n                  type="').concat(c,"\">\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      "))):"\n        ".concat(this.toDefString,'      \n        <video src="').concat(a,'" controls width="250" style="').concat(Q(u),"\" >\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      ")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src,o=t.controls,i=t.muted,a=t.poster,c=t.loop,u=t.crossorigin,s=t.autoplay;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <video ").concat(et({controls:o,src:r,muted:i,poster:a,loop:c,crossorigin:u,autoplay:s}),">\n          Sorry, your browser doesn't support embedded videos.\n        </video>\n      </div>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&AD(e.prototype,n),r&&AD(e,r),i}(cm);ua.registerComponent("video",zD);var FD,GD,HD,XD,YD,ND,KD={Project:lP,ArtBoard:PE,Layer:cm,RectLayer:tD,CircleLayer:pD,ImageLayer:ME,TextLayer:GT,VideoLayer:zD,SVGPathItem:YC,SVGBrushItem:$D,SVGTextItem:mT,SVGTextPathItem:_T,Component:gP,CubeLayer:MP,CylinderLayer:nx};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 WD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ZD=WD({},"move",!0),qD=(WD(FD={},"to right",!0),WD(FD,"to top right",!0),WD(FD,"to bottom right",!0),FD),JD=(WD(GD={},"to left",!0),WD(GD,"to top left",!0),WD(GD,"to bottom left",!0),GD),QD=(WD(HD={},"to top",!0),WD(HD,"to top right",!0),WD(HD,"to top left",!0),HD),tA=(WD(XD={},"to bottom",!0),WD(XD,"to bottom left",!0),WD(XD,"to bottom right",!0),XD),eA=(WD(YD={},"to right",2),WD(YD,"to top right",2),WD(YD,"to bottom right",2),WD(YD,"to left",0),WD(YD,"to top left",0),WD(YD,"to bottom left",0),YD),nA=(WD(ND={},"to bottom",2),WD(ND,"to bottom left",2),WD(ND,"to bottom right",2),WD(ND,"to top",0),WD(ND,"to top left",0),WD(ND,"to top right",0),ND),rA=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 ZD[t]}},{key:"isTop",value:function(t){return QD[t]}},{key:"isRight",value:function(t){return qD[t]}},{key:"isBottom",value:function(t){return tA[t]}},{key:"isLeft",value:function(t){return JD[t]}},{key:"getXDirection",value:function(t){return eA[t]}},{key:"getYDirection",value:function(t){return nA[t]}}],(n=null)&&UD(e.prototype,n),r&&UD(e,r),t}();function oA(t){return function(t){if(Array.isArray(t))return iA(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return iA(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return iA(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function iA(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var cA=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return ln.px(t).round(e)},uA=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}var e,n,r;return e=t,(n=[{key:"makeGuideCache",value:function(){var t=this,e=this.$selection.currentArtboard;return this.cachedExtraItems=[],e&&(this.$selection.isArtBoard()?this.cachedExtraItems=[]:this.cachedExtraItems=e.allLayers.filter((function(e){return!t.$selection.check(e)||e.is("artboard")&&t.$selection.currentArtboard!=e})),this.rect=this.$selection.allRect?this.$selection.allRect.clone():null),this.cachedPosition={},this.$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=this.$selection.allRect;this.pointerType=t,"move"===t?this.rect.move(cA(r.x.value+e),cA(r.y.value+n)):(rA.isRight(t)?this.rect.resizeWidth(cA(r.width.value+e)):rA.isLeft(t)&&r.width.value-e>=0&&(this.rect.moveX(cA(r.x.value+e)),this.rect.resizeWidth(cA(r.width.value-e))),rA.isBottom(t)?this.rect.resizeHeight(cA(r.height.value+n)):rA.isTop(t)&&r.height.value-n>=0&&(this.rect.moveY(cA(r.y.value+n)),this.rect.resizeHeight(cA(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,y=f*r,h=l-s,d=h*i,v=h*a;this.setX(t,c,u,p,y),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=this.$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=this.$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]:2,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:o,bx:o})}))})),i.length){var a=rA.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]:2,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:o,by:o})}))})),i.length){var a=rA.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]:2,r=this.compareX(t,e,n),o=this.compareY(t,e,n);return{x:r,y:o}}},{key:"getLayers",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.cachedExtraItems,r=[],o=[];return n.forEach((function(n){var i=t.compare(t.rect,n,e);r.push.apply(r,oA(i.x)),o.push.apply(o,oA(i.y))})),[r[0],o[0]].filter((function(t){return L(t)}))}},{key:"calculate",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.getLayers(e);return rA.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(L(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(L(t.ax)){var e=Math.round(this.rect.width.value/2*t.source),n=t.bx-e;this.rect.x.set(n)}else if(L(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;rA.isMove(this.pointerType)?this.$selection.each((function(e){t.$selection.isInParent(e,t.$selection.items)||(t.recover(e),e.recover())})):this.$selection.each((function(e){t.recover(e),e.recover()}))}},{key:"$selection",get:function(){return this.$editor.selection}}])&&aA(e.prototype,n),r&&aA(e,r),t}();function sA(t){return(sA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lA(t,e,n){return(lA="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=wA(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 fA(t){return function(t){if(Array.isArray(t))return pA(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return pA(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pA(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pA(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function yA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dA(t,e,n){return e&&hA(t.prototype,e),n&&hA(t,n),t}function vA(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bA(t,e)}function bA(t,e){return(bA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mA(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wA(t);if(e){var o=wA(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gA(this,n)}}function gA(t,e){return!e||"object"!==sA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wA(t){return(wA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OA={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"},kA={artboard:"artboard",rect:"rect",circle:"lens",text:"title",image:"image","svg-path":"edit","svg-textpath":"text_rotate","svg-text":"title"},SA=function(t){vA(n,t);var e=mA(n);function n(){return yA(this,n),e.apply(this,arguments)}return dA(n,[{key:"initialize",value:function(){lA(wA(n.prototype),"initialize",this).call(this),this.guideView=new uA(this.$editor)}},{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' ref='$selectionMove' title='move'>\n                <span class='icon' ref='$selectionIcon'>".concat(Wb.flag,"</span>\n                <span ref='$selectionTitle'></span>\n            </div>       \n            <div class='selection-tool-item' data-position='to top'></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 right'></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    </div>")}},{key:jn('$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:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:Gn("$selectionView .selection-tool-item")+Zn("checkEditMode")+or()+ir(),value:function(t){var e;this.initMoveType(t.$dt),(e=this.parent).selectCurrent.apply(e,fA(this.$selection.items)),this.$selection.setRectCache("move"!==this.pointerType),this.initSelectionTool()}},{key:"initMoveType",value:function(t){this.$target=t||this.refs.$selectionTool.$('.selection-tool-item[data-position="move"]'),this.$target&&(this.pointerType=this.$target.attr("data-position"),this.refs.$selectionTool.attr("data-selected-position",this.pointerType),this.refs.$selectionTool.attr("data-selected-movetype",OA[this.pointerType]))}},{key:"move",value:function(t,e){this.$config.get("bodyEvent").altKey&&(e=t),this.refreshSelectionToolView(t,e),this.parent.updateRealPosition(),this.emit("refreshSelectionDragStyleView",null,!0)}},{key:Do("moveByKey"),value:function(t,e){var n;if(0!==t||0!==e){this.pointerType="move",this.$selection.move(t,e),(n=this.parent).selectCurrent.apply(n,fA(this.$selection.items)),this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.guideView.move(this.pointerType,t,e);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r)),this.makeSelectionTool()}}},{key:"end",value:function(){this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.$selection.setRectCache(),this.emit("refreshAllElementBoundSize"),this.emit("removeGuideLine")}},{key:"refreshSelectionToolView",value:function(t,e,n){if(0===t&&0===e);else{this.guideView.move(n||this.pointerType,t/this.$editor.scale,e/this.$editor.scale);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r))}this.makeSelectionTool()}},{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:"removeOriginalRect",value:function(){this.originalArtboardRect=null,this.originalRect=null}},{key:"initSelectionTool",value:function(){this.removeOriginalRect(),this.guideView.makeGuideCache();var t=this.$selection.current;if(t){var e=t.is("svg-path","svg-brush","svg-textpath");this.refs.$selectionTool.toggleClass("path",e)}this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$el.show(),this.bindData("$selectionTool"),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.guideView.recoverAll();var t=ln.px(0),e=ln.px(0),n=ln.px(0),r=ln.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}t.is(0)&&e.is(0)&&n.is(0)&&r.is(0)?(t.add(-1e4),e.add(-1e4)):this.$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.refreshPositionText(t,e,n,r)}},{key:"refreshPositionText",value:function(t,e,n,r){if(this.$selection.currentArtboard){var o=ln.px(t.value-this.$selection.currentArtboard.x.value/this.$editor.scale).round(1),i=ln.px(e.value-this.$selection.currentArtboard.y.value/this.$editor.scale).round(1),a=ln.px(n.value/this.$editor.scale).round(1),c=ln.px(r.value/this.$editor.scale).round(1),u="";switch(this.pointerType){case"move":u="X: ".concat(o,", Y: ").concat(i);break;case"to top":case"to bottom":u="Y: ".concat(i,", H: ").concat(c);break;case"to left":case"to right":u="X: ".concat(o,", W: ").concat(a);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);var s=this.$selection.length,l="";if(1===s){var f=this.$selection.current;l=f.title||f.getDefaultTitle();var p=Wb[kA[f.itemType]||kA.rect];this.refs.$selectionIcon.html(p)}else s>=2&&(l="multi : ".concat(s),this.refs.$selectionIcon.html(Wb.flag));this.refs.$selectionTitle.text(l),this.refs.$selectionMove.attr("title",l)}}},{key:"setPositionText",value:function(t){this.$target&&(this.$selection.current&&this.$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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map((function(e){var n,r,o,i,a=new Ji(t.calculateWorldPosition(e.A)),c=new Ji(t.calculateWorldPosition(e.B));return L(e.ax)&&(n=e.ax*t.$editor.scale),L(e.bx)&&(r=e.bx*t.$editor.scale),L(e.ay)&&(o=e.ay*t.$editor.scale),L(e.by)&&(i=e.by*t.$editor.scale),{A:a,B:c,ax:n,bx:r,ay:o,by:i}}))}},{key:"calculateWorldPosition",value:function(t){return{x:ln.px(t.screenX.value*this.$editor.scale),y:ln.px(t.screenY.value*this.$editor.scale),width:ln.px(t.width.value*this.$editor.scale),height:ln.px(t.height.value*this.$editor.scale),transform:t.transform}}}]),n}(function(t){vA(n,t);var e=mA(n);function n(){return yA(this,n),e.apply(this,arguments)}return dA(n,[{key:pr("$selectionTool"),value:function(){var t=this.$selection.current;return{"data-is-layout-item":t&&t.isLayoutItem(),"data-is-layout-container":t&&t.hasLayout(),"data-layout-container":t&&(t.layout||t.parent.layout),"data-selection-length":this.$selection.length}}}]),n}(function(t){vA(n,t);var e=mA(n);function n(){return yA(this,n),e.apply(this,arguments)}return dA(n,[{key:Do("hideSelectionToolView"),value:function(){this.refs.$selectionTool.css({left:"-10000px",top:"-10000px"})}},{key:Do("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:Do("openPathEditor"),value:function(){var t=this.$selection.current;t&&t.is("svg-path","svg-brush","svg-textpath")&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{changeEvent:"updatePathItem",current:t,d:t.d,box:"box",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}))}},{key:Do("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Do("updatePathItem"),value:function(t){var e,n=this.$selection.current;n&&(n.updatePathItem&&(n.updatePathItem(t),(e=this.parent).selectCurrent.apply(e,fA(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",n,!0,!0)))}},{key:Do("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:Do("makeSelectionTool"),value:function(t){t&&this.removeOriginalRect();var e=this.guideView.calculate();this.makeSelectionTool(),0===this.$selection.length&&(e=[]),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(e))}}]),n}(Ao)));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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RA(t,e){return(RA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $A(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_A(t);if(e){var o=_A(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EA(this,n)}}function EA(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)}var CA=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>")},TA=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"base-line";return"<line ".concat(et({x1:t,y1:e,x2:n,y2:r})," class='").concat(o,"' />")},DA=function(t,e){(function(t,e){return t.includes(e)})(t,e)||t.push(e)},AA=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),DA(t,TA(e-2,n,e+2,n)),DA(t,TA(e,n,e,r)),DA(t,TA(e-2,r,e+2,r));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));DA(t,CA(e+2,o,i))}},IA=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),DA(t,TA(n,e-2,n,e+2)),DA(t,TA(n,e,r,e)),DA(t,TA(r,e-2,r,e+2));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));DA(t,CA(o,e-2,i,"text-center"))}},VA=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$A(i);function i(){return PA(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return'<svg class=\'guide-line-view\' width="100%" height="100%" ></svg>'}},{key:"initState",value:function(){return{list:[]}}},{key:pr("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(t){var e=[];return(t=t.filter((function(t,e){return 0===e}))).forEach((function(t){var n=t.B;if(L(t.ax)){var r=ln.min(n.screenY,t.A.screenY),o=ln.max(n.screenY2,t.A.screenY2),i=t.bx;if(t.A.screenY.value>t.B.screenY2.value?AA(e,i,t.B.screenY2.value,t.A.screenY.value):AA(e,i,r.value,t.A.screenY.value),t.A.screenX.value-n.screenX.value>0&&t.A.screenY.value<=n.screenY2.value&&t.A.screenY.value>=n.screenY.value){var a=(t.A.screenY.value+t.A.screenY2.value)/2;IA(e,a,n.screenX.value,t.A.screenX.value)}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,IA(e,a,t.A.screenX2.value,n.screenX2.value)),t.A.screenY2.value<t.B.screenY.value?AA(e,i,t.A.screenY2.value,t.B.screenY.value):AA(e,i,t.A.screenY2.value,o.value)}else{var c=ln.max(n.screenX2,t.A.screenX2),u=t.by;if(t.A.screenX.value>t.B.screenX2.value?IA(e,u,t.B.screenX2.value,t.A.screenX.value):IA(e,u,t.A.screenX.value,t.B.screenX.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;AA(e,s,t.B.screenY.value,t.A.screenY.value)}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,AA(e,s,t.A.screenY2.value,t.B.screenY2.value)),t.A.screenX2.value<t.B.screenX.value?IA(e,u,t.A.screenX2.value,t.B.screenX.value):IA(e,u,t.A.screenX2.value,c.value)}})),e.join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){this.setState({list:t})}},{key:Do("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:Do("refreshGuideLine"),value:function(t){this.setGuideLine(t)}}])&&xA(e.prototype,n),r&&xA(e,r),i}(Ao);function MA(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function LA(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MA(Object(n),!0).forEach((function(e){BA(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MA(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function BA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function zA(t,e){for(var n=0;n<e.length;n++){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 FA=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(LA(LA({},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(LA(LA({},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                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(t.selected,'\'\n                    title="Center"\n                    data-start="true" \n                />'):"\n                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='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("")}}])&&zA(e.prototype,n),r&&zA(e,r),t}();function GA(t){return function(t){if(Array.isArray(t))return YA(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||XA(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function HA(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||XA(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function XA(t,e){if(t){if("string"==typeof t)return YA(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?YA(t,e):void 0}}function YA(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function NA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KA(t,e,n){return e&&NA(t.prototype,e),n&&NA(t,n),t}function UA(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WA(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UA(Object(n),!0).forEach((function(e){ZA(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UA(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var qA=["startPoint","endPoint","reversePoint"];function JA(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 QA(t,e,n,r){var o=[],i=qA;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 tI(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=i,u=t[c];if(u){if("M"===u.command)o.push({command:"M",values:[u.startPoint]});else{var s=Ia.getPrevPoint(t,i);!1===u.curve?!1===s.curve?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[s.endPoint,u.startPoint]}):!1===s.curve?Ia.isEqual(u.reversePoint,u.startPoint)?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[u.reversePoint,u.startPoint]}):o.push({command:"C",values:[s.endPoint,u.reversePoint,u.startPoint]})}u.close&&o.push({command:"Z"})}}var l=o.map((function(t){return eI(e,n,t,r)})).join(" ");return{d:l}}function eI(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)}}var nI=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 Qa,this.guideLineManager=new Qa,this.segmentManager=new FA,this.initialize(),this.initializeSelect()}return KA(t,null,[{key:"generatorPathString",value:function(t,e,n,r){return tI(t,e,n,r).d}}]),KA(t,[{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=HA(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=lt.matrix2d.translate(-this.transformRect.x,-this.transformRect.y),i=lt.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,i=r.y,a=r.width,c=r.height,u=a/2,s=c/2;switch(t){case"flipX":this.applyTransform(lt.matrix2d.translate(-e,0),lt.matrix2d.flipX());break;case"flipY":this.applyTransform(lt.matrix2d.translate(0,-n),lt.matrix2d.flipY());break;case"flip":this.applyTransform(lt.matrix2d.translate(-e,-n),lt.matrix2d.flip());break;case"to move":this.applyTransform(lt.matrix2d.translate(e,n));break;case"to rotate":var l=Ot({x:o+u,y:i},{x:o+u,y:i+s},{dx:e,dy:n});this.applyTransform(lt.matrix2d.translate(-u,-s),lt.matrix2d.rotate(pt(-l)),lt.matrix2d.translate(u,s));break;case"to skewX":l=wt({x:u,y:s},{x:u+e,y:s});this.applyTransform(lt.matrix2d.skewX(pt(l)));break;case"to skewY":l=wt({x:u,y:s},{x:u,y:s+n});this.applyTransform(lt.matrix2d.skewY(pt(l)));break;case"to bottom right":var f=yt(a+e,a),p=yt(c+n,c);this.applyTransform(lt.matrix2d.scale(f,p));break;case"to right":f=yt(a+e,a);this.applyTransform(lt.matrix2d.scale(f,1));break;case"to bottom":p=yt(c+n,c);this.applyTransform(lt.matrix2d.scale(1,p));break;case"to top right":f=yt(a+e,a),p=yt(c-n,c);this.applyTransform(lt.matrix2d.scale(f,p),lt.matrix2d.translate(0,n));break;case"to top left":f=yt(a-e,a),p=yt(c-n,c);this.applyTransform(lt.matrix2d.scale(f,p),lt.matrix2d.translate(e,n));break;case"to left":f=yt(a-e,a);this.applyTransform(lt.matrix2d.scale(f,1),lt.matrix2d.translate(e,0));break;case"to top":p=yt(c-n,c);this.applyTransform(lt.matrix2d.scale(1,p),lt.matrix2d.translate(0,n));break;case"to bottom left":f=yt(a-e,a),p=yt(c+n,c);this.applyTransform(lt.matrix2d.scale(f,p),lt.matrix2d.translate(e,0))}}},{key:"initTransform",value:function(t){this.transformRect=N(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:N(t.startPoint),endPoint:N(t.endPoint),reversePoint:N(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=Ia.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=Ia.getPrevPoint(r,t),n.connectedPoint&&!n.connectedPoint.connected&&(n.connectedPoint=null),n.segment=Ia.getIndexPoint(r,t),n.segment.connected&&(n.connectedPoint=Ia.getNextPoint(r,t)),Ia.isFirst(n.segment)){var o=Ia.getLastPoint(r,t);o.connected&&(n.connectedPoint=o)}n.segmentKey=e,n.isCurveSegment=n.segment.curve&&"startPoint"!=n.segmentKey,n.originalSegment=N(n.segment),n.connectedPoint&&(n.originalConnectedPoint=N(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=N(n.startPoint),n.endPoint=N(n.startPoint),"M"===n.command){var r=Ia.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=N(r.startPoint),r.endPoint=N(r.startPoint))}else{if((o=Ia.getNextPoint(e,t))&&"M"===o.command)(a=o).curve=!1,a.reversePoint=N(a.startPoint),a.endPoint=N(a.startPoint)}else{n.curve=!0;var o,i=Ia.getPrevPoint(e,t);if((o=Ia.getNextPoint(e,t))&&o.index<t&&"M"===o.command){var a=o;o=Ia.getNextPoint(e,a.index),this.calculateToCurve(n,o,i),a.curve=!0,a.endPoint=N(n.endPoint),a.reversePoint=N(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=Ia.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=Ia.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]=Ia.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=bt(kt(c-o,u-i),mt(l,f,o,i),o,i),y=p.x,h=p.y;n.segment[e]={x:y,y:h}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var i=r.state,a=i.cachedPoints,c=i.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var u=c.x+e,s=c.y+n,l=JA(a,"x",u,e,o),f=l.point,p=(e=l.distanceValue,JA(a,"y",s,n,o)),y=p.point,h=(n=p.distanceValue,{x:c.x+e,y:c.y+n}),d=[];return f&&d.push({startPoint:f,endPoint:h}),y&&d.push({startPoint:y,endPoint:h}),{dx:e,dy:n,snapPointList:d}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=N(t.startPoint),e.endPoint=N(t.endPoint),e.reversePoint=N(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:"removeSelectedSegment",value:function(){var t=this;this.selectedPointList.forEach((function(e){t.state.points[e.index][e.key].removed=!0}));var e=Ia.splitPoints(this.state.points),n=Ia.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=N(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=N(t.startPoint)),Ia.isEqual(t.endPoint,t.startPoint,t.reversePoint)&&(t.command="L",t.curve=!1),t}))})));this.state.points=n,this.select()}},{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]=Ia.getReversePoint(r.segment.startPoint,r.segment[i])}else n.altKey?(this.moveSegment(i,t,e),this.rotateSegment(i)):this.moveSegment(i,t,e);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=Ia.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=Ia.getPoint(r,e),i=Ia.getPoint(r,n),a=[WA(WA({},o),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},WA(WA({},i),{},{reversePoint:t.second[2]})],c=Ia.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=Ia.getPoint(n,e),o=r.startPoint.x+(r.endPoint.x-r.startPoint.x)/3,i=r.startPoint.y+(r.endPoint.y-r.startPoint.y)/3,a=[WA(WA({},r),{},{endPoint:{x:o,y:i}}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Ia.getIndex(n,e);n.splice.apply(n,[c,1].concat(a)),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=Ia.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 tI(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=kt(r-n,i-o)-180,s=bt(0,20,a,c),l=s.x,f=s.y,p=bt(u/2,20,a,c),y=p.x,h=p.y,d=bt(u,20,a,c);this.segmentManager.addDistanceAngle(d,20,20,u,{x:l,y:f},{x:l-20,y:f}).addText({x:y-5,y:h+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),!1===Ia.isEqual(e.startPoint,e.endPoint)&&this.segmentManager.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)),!1===Ia.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):!1===t.curve?Ia.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)),!1===Ia.isEqual(e.startPoint,e.reversePoint)&&o.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),!1===Ia.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ia.isEqual(e.startPoint,e.reversePoint)&&o.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)),!1===Ia.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ia.isEqual(e.startPoint,e.reversePoint)&&o.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?Ia.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 Qa).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Qa).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Ia.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new Qa).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Qa).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new Qa).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=Ia.getNextPoint(t,n),a=Ia.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=QA(t,"x",e.x,n),o=QA(t,"y",e.y,n),i=WA({},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,GA(u)),t.moveXY=s,r=s,this.snapPointList=i;var l=e[e.length-1];if(o)if(l){if(l.curve){var f=Ia.getReversePoint(n,r);h=f.x,d=f.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:h,y:d},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:h,y:d}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:h,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var p=Ia.getReversePoint(n,r);h=p.x,d=p.y;this.guideLineManager.M(l.startPoint).Q({x:h,y:d},n),this.segmentManager.addGuideLine(r,{x:h,y:d}).addPoint(!1,n).addCurvePoint({x:h,y:d}).addCurvePoint(r)}}else{var y=Ia.getReversePoint(n,r),h=y.x,d=y.y;this.guideLineManager.M(r).L(n).L({x:h,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:h,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 Qa;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(et({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",this.state.isPolygon),"\n            ").concat(this.pathStringManager.toString("object",this.state.isPolygon),"\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 GA(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),t}();function rI(t){return(rI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oI(Object(n),!0).forEach((function(e){aI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function cI(t,e,n){return(cI="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 uI(t){return function(t){if(Array.isArray(t))return gI(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||mI(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function lI(t,e){for(var n=0;n<e.length;n++){var 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,n){return e&&lI(t.prototype,e),n&&lI(t,n),t}function pI(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function yI(t,e){return(yI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vI(t);if(e){var o=vI(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dI(this,n)}}function dI(t,e){return!e||"object"!==rI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vI(t){return(vI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bI(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||mI(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mI(t,e){if(t){if("string"==typeof t)return gI(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?gI(t,e):void 0}}function gI(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function wI(t){var e=bI(t,2);return{x:e[0],y:e[1]}}var OI=["fill","fill-opacity","stroke","stroke-width"],kI=function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:"initialize",value:function(){cI(vI(n.prototype),"initialize",this).call(this),this.pathParser=new Ya,this.pathGenerator=new nI(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],hasTransform:!1,mode:"path",$target:null,clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:ln.px(0),screenY:ln.px(0),screenWidth:ln.px(0),screenHeight:ln.px(0)}}},{key:"template",value:function(){return"\n        <div class='path-editor-view' tabIndex=\"-1\">\n            <div class='path-container' ref='$view'></div>\n            <div class='path-container split-panel'>\n                <svg width=\"100%\" height=\"100%\">\n                    <circle ref='$splitCircle' class='split-circle' />\n                </svg>\n            </div>\n            <div class='path-tool'>\n                <div class='transform-manager' ref='$tool'>\n                    <div class='transform-tool-item' data-position='to rotate'></div>                \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:pr("$tool"),value:function(){this.resetTransformZone();var t=this.state.transformZoneRect;return{"data-show":"transform"===this.state.mode,"data-position":this.transformMoveType,style:{left:ln.px(t.x),top:ln.px(t.y),width:ln.px(t.width),height:ln.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:$n("document")+Zn("isShow")+Qn+Jn+ar+cr,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.pathGenerator.toPath(t.x,t.y,this.scale).d,o=this.$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 YC({width:ln.px(c),height:ln.px(u),d:r,totalLength:this.totalPathLength})),OI.forEach((function(t){n.state[t]&&e.reset(aI({},t,n.state[t]))})),e.setScreenX(i),e.setScreenY(a)}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 Ya(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&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t,e){this.setState(iI({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:Do("changePathManager"),value:function(t){this.setState(iI(iI({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:Do("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:Do("showPathEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"path",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}),this.emit("hidePathDrawEditor"),this.emit("change.mode.view","PathEditorView")}},{key:Do("hidePathEditor"),value:function(){this.$el.isShow()&&(this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hidePathManager"),this.emit("change.mode.view"))}},{key:pr("$view"),value:function(){return{class:{path:"path"===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:pr("$splitCircle"),value:function(){return this.state.splitXY?{cx:this.state.splitXY.x,cy:this.state.splitXY.y,r:5}:{r:0}}},{key:"refreshPathLayer",value:function(){this.updatePathLayer()}},{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:ln.px(0),y:ln.px(0),width:ln.px(0),height:ln.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:Hn("$view"),value:function(t){if(this.initRect(),this.isMode("path")&&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();else{var e=dn.create(t.target),n=e.hasClass("split-path");this.state.splitXY=n?this.calculatePointOnLine(e.attr("d"),{x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y}):null,this.bindData("$splitCircle"),this.state.altKey=!1}}},{key:Gn("$view :not(.split-path)")+or()+ir(),value:function(t){this.initRect(),this.state.altKey=!1;var e=this.isMode("path");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=dn.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=bI(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:ln.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:ln.px(t.x+(e<0?e:0)),top:ln.px(t.y+(n<0?n:0)),width:ln.px(Math.abs(e)),height:ln.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=bI(this.refs.$segmentBox.styles("left","top","width","height").map((function(t){return ln.parse(t)})),4),e={x:t[0],y:t[1],width:t[2],height:t[3]};return e.x2=ln.px(e.x.value+e.width.value),e.y2=ln.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=this.$config.get("bodyEvent");this.pathGenerator.move(t,e,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("path")){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}},{key:"renderSegment",value:function(t){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),X(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:Do("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:Do("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{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.isMode("path")&&(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 this.$editor.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}}]),n}(function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:Do("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:Gn("$tool .transform-tool-item")+or("moveTransformTool")+ir("moveEndTransformTool"),value:function(t){this.transformMoveType=t.$dt.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){this.transformMoveType="none",this.renderTransformTool()}}]),n}(function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new Ya(t);if("C"===n.segments[1].command){var r=[wI(n.segments[0].values),wI(n.segments[1].values.slice(0,2)),wI(n.segments[1].values.slice(2,4)),wI(n.segments[1].values.slice(4,6))],o=mx.apply(void 0,uI(r).concat([200]))(e.x,e.y);return xx(r,o).first[3]}if("Q"===n.segments[1].command){r=[wI(n.segments[0].values),wI(n.segments[1].values.slice(0,2)),wI(n.segments[1].values.slice(2,4))],o=gx.apply(void 0,uI(r).concat([200]))(e.x,e.y);return Rx(r,o).first[2]}if("L"===n.segments[1].command){r=[wI(n.segments[0].values),wI(n.segments[1].values.slice(0,2))],o=wx.apply(void 0,uI(r).concat([200]))(e.x,e.y);return $x(r,o).first[1]}return e}},{key:jn("$view .split-path"),value:function(t){this.initRect();var e=new Ya(t.$dt.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=[wI(e.segments[0].values),wI(e.segments[1].values.slice(0,2)),wI(e.segments[1].values.slice(2,4)),wI(e.segments[1].values.slice(4,6))],o=mx.apply(void 0,uI(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPoint(xx(r,o))}else if("Q"===e.segments[1].command){r=[wI(e.segments[0].values),wI(e.segments[1].values.slice(0,2)),wI(e.segments[1].values.slice(2,4))],o=gx.apply(void 0,uI(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointQuard(Rx(r,o))}else if("L"===e.segments[1].command){r=[wI(e.segments[0].values),wI(e.segments[1].values.slice(0,2))],o=wx.apply(void 0,uI(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointLine($x(r,o))}this.renderPath(),this.refreshPathLayer()}}]),n}(function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:Pn("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}}]),n}(Ao))));function SI(t){return(SI="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jI(Object(n),!0).forEach((function(e){xI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function RI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EI(t,e){return(EI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TI(t);if(e){var o=TI(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CI(this,n)}}function CI(t,e){return!e||"object"!==SI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TI(t){return(TI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DI=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EI(t,e)}(i,t);var e,n,r,o=_I(i);function i(){return RI(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:ur("$el"),value:function(){if(1!==this.$selection.length)return"<div></div>";var t=this.$selection.current;if(t.isInGrid()){var e=t.parent,n=e.screenX,r=e.screenY,o=e.width,i=e.height,a=e.toGridLayoutCSS();return"<div style='".concat(Q(PI({position:"absolute",left:n,top:r,width:o,height:i,border:"1px solid black"},a)),"'>\n                ").concat(e.layers.map((function(t){var e=t.toLayoutItemCSS();return"<div style='".concat(Q(PI(PI({},e),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:Do("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}}])&&$I(e.prototype,n),r&&$I(e,r),i}(Ao);function AI(t){return(AI="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?II(Object(n),!0).forEach((function(e){MI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):II(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function MI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function LI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=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 FI(t,e){return(FI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XI(t);if(e){var o=XI(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HI(this,n)}}function HI(t,e){return!e||"object"!==AI(e)&&"function"!=typeof e?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)}var YI=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],NI=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FI(t,e)}(i,t);var e,n,r,o=GI(i);function i(){return LI(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){zI(XI(i.prototype),"initialize",this).call(this),this.pathParser=new Ya}},{key:"initState",value:function(){return{points:[],$target:null,fill:"transparent",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:ln.px(0),screenY:ln.px(0),screenWidth:ln.px(0),screenHeight:ln.px(0)}}},{key:Do("changeDrawManager"),value:function(t){this.setState(VI({},t),!1)}},{key:"template",value:function(){return"\n        <div class='path-draw-view' tabIndex=\"-1\">\n            <div class='path-draw-container' ref='$view'></div>\n        </div>"}},{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:$n("document")+Zn("isShow")+Qn+Jn+ar+cr,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$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,u=Ia.simply(this.state.points,this.state.tolerance),s=new Ya(Qa.makePathByPoints(u)),l=nI.generatorPathString(s.convertGenerator(),t.x,t.y,this.scale);e=r.add(new YC({width:ln.px(a),height:ln.px(c),d:l,totalLength:this.totalPathLength})),YI.forEach((function(t){n.state[t]&&e.reset(MI({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addPathLayer",value:function(){var t=this.getPathRect();0!==t.width&&0!==t.height&&this.makePathLayer(t)&&this.emit("refreshAll")}},{key:"changeMode",value:function(t){this.setState(VI(VI({},this.initState()),t),!1)}},{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:Do("showPathDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{instance:this,fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),this.emit("hidePathEditor"),this.emit("change.mode.view","PathDrawView")}},{key:Do("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:Do("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:pr("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(et({fill:this.toFillValue,stroke:this.toStrokeValue,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),'\n                    d="').concat(Qa.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:Do("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:ln.px(0),y:ln.px(0),width:ln.px(0),height:ln.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:Gn("$view")+or()+ir(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addPathLayer(),this.trigger("initPathDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return uC.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return uC.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return uC.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return uC.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&BI(e.prototype,n),r&&BI(e,r),i}(Ao);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 UI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UI(Object(n),!0).forEach((function(e){ZI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function qI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(QI="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=rV(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 tV(t,e){return(tV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function eV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rV(t);if(e){var o=rV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nV(this,n)}}function nV(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 rV(t){return(rV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var oV=["fill","stroke-width"],iV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=eV(i);function i(){return qI(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){QI(rV(i.prototype),"initialize",this).call(this),this.pathParser=new Ya}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",points:[],$target:null,fill:"black",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:ln.px(0),screenY:ln.px(0),screenWidth:ln.px(0),screenHeight:ln.px(0)}}},{key:Do("changeDrawManager"),value:function(t){this.setState(WI({},t),!1),this.renderPath()}},{key:"template",value:function(){return"\n        <div class='brush-draw-view' tabIndex=\"-1\">\n            <div class='brush-draw-container' ref='$view'></div>\n        </div>"}},{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:$n("document")+Zn("isShow")+Qn+Jn+ar+cr,value:function(){this.trigger("hideBrushDrawEditor")}},{key:"makeBrushLayer",value:function(t){var e,n=this,r=this.$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,u=Ia.simply(this.state.points,this.state.tolerance),s=new Ya(Qa.makePathByPoints(u)),l=nI.generatorPathString(s.convertGenerator(),o,i,this.scale);e=r.add(new $D({width:ln.px(a),height:ln.px(c),d:l,totalLength:this.totalPathLength})),oV.forEach((function(t){n.state[t]&&e.reset(ZI({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addBrushLayer",value:function(){var t=this.getPathRect();if(0!==t.width&&0!==t.height){var e=this.makeBrushLayer(t);e&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t){this.setState(WI(WI({},this.initState()),t),!1),this.emit("change.mode.view","PathDrawView")}},{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:Do("showBrushDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]})}},{key:Do("initBrushDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:Do("hideBrushDrawEditor"),value:function(){this.trigger("initBrushDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view")}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:pr("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(et({fill:"transparent",stroke:"transparent"===this.toFillValue?"black":this.toFillValue}),'\n                    d="').concat(Qa.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:ln.px(0),y:ln.px(0),width:ln.px(0),height:ln.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:Gn("$view")+or()+ir(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addBrushLayer(),this.trigger("initBrushDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return uC.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return uC.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return uC.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return uC.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&JI(e.prototype,n),r&&JI(e,r),i}(Ao);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 cV(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||sV(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function uV(t){return function(t){if(Array.isArray(t))return lV(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||sV(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sV(t,e){if(t){if("string"==typeof t)return lV(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?lV(t,e):void 0}}function lV(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function fV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yV(t,e){return(yV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vV(t);if(e){var o=vV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dV(this,n)}}function dV(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 vV(t){return(vV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var bV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=hV(i);function i(){return fV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectionToolView:SA,GuideLineView:VA,PathEditorView:kI,PathDrawView:NI,BrushDrawView:iV,GridLayoutLineView:DI}}},{key:"initState",value:function(){return{mode:"selection",left:ln.px(0),top:ln.px(0),width:ln.px(1e4),height:ln.px(1e4),cachedCurrentElement:{},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                <GridLayoutLineView ref='$gridLayoutLineView' />\n                <SelectionToolView ref='$selectionTool' />\n                <PathEditorView ref='$pathEditorView' />\n                <PathDrawView ref='$pathDrawView' />\n                <BrushDrawView ref='$brushDrawView' />\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:Do("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:Do("refElement"),value:function(t,e){X(e)&&e(this.getElement(t))}},{key:"getElement",value:function(t){return this.refs.$view.$('[data-id="'.concat(t,'"]'))}},{key:"checkEmptyElement",value:function(t){var e=dn.create(t.target);return!!this.$editor.isAddMode()||"selection"===this.state.mode&&!1===e.hasClass("element-item")&&!1===e.hasClass("selection-tool-item")&&!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")&&!1===e.isTag("text")&&!1===e.isTag("img")&&"true"!==e.attr("data-segment")}},{key:Gn("$view")+Zn("checkEmptyElement")+or("movePointer")+ir("moveEndPointer"),value:function(t){if(this.$target=dn.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,this.$editor.isSelectionMode()){var e={left:ln.px(this.dragXY.x),top:ln.px(this.dragXY.y),width:ln.px(0),height:ln.px(0)};this.refs.$dragAreaRect.css(e),this.state.cachedCurrentElement={},this.$el.$$(".selected").forEach((function(t){return t.removeClass("selected")}))}}},{key:"movePointer",value:function(t,e){var n=this,r={left:ln.px(this.dragXY.x+(t<0?t:0)),top:ln.px(this.dragXY.y+(e<0?e:0)),width:ln.px(Math.abs(t)),height:ln.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(r),this.$editor.isSelectionMode()){var o,i=r.left,a=r.top,c=r.width,u=r.height,s={x:ln.px(i.value-this.canvasPosition.x),y:ln.px(a.value-this.canvasPosition.y),width:c,height:u};s.x2=ln.px(s.x.value+s.width.value),s.y2=ln.px(s.y.value+s.height.value);var l,f=this.$selection.currentArtboard,p=this.$selection.items;if(f)Object.keys(s).forEach((function(t){s[t].div(n.$editor.scale)})),p=f.checkInAreaForLayers(s),0===s.width.value&&0===s.height.value&&(p=[]),(l=this.$selection).select.apply(l,uV(p))&&this.selectCurrentForBackgroundView.apply(this,uV(p));(o=this.$selection).select.apply(o,uV(p))&&this.emit("refreshSelection")}}},{key:"moveEndPointer",value:function(t,e){var n=this,r=cV(this.refs.$dragAreaRect.styles("left","top","width","height").map((function(t){return ln.parse(t)})),4),o=r[0],i=r[1],a=r[2],c=r[3],u={x:ln.px(o.value-this.canvasPosition.x),y:ln.px(i.value-this.canvasPosition.y),width:a,height:c};if(u.x2=ln.px(u.x.value+u.width.value),u.y2=ln.px(u.y.value+u.height.value),this.refs.$dragAreaRect.css({left:ln.px(-1e4),top:ln.px(0),width:ln.px(0),height:ln.px(0)}),this.$editor.isSelectionMode()){var s,l=this.$selection.currentArtboard,f=[];l?(Object.keys(u).forEach((function(t){u[t].div(n.$editor.scale)})),f=l.checkInAreaForLayers(u),0===u.width.value&&0===u.height.value&&(f=[l]),0===f.length&&l.checkInArea(u)&&(f=[l]),(s=this.$selection).select.apply(s,uV(f))&&this.selectCurrentForBackgroundView.apply(this,uV(f)),f.length?this.emit("refreshSelection"):(this.$selection.select(),this.emit("emptySelection"))):(this.$selection.select(),this.emit("emptySelection"))}else{var p={x:ln.px(u.x.value/this.$editor.scale).floor(),y:ln.px(u.y.value/this.$editor.scale).floor(),width:ln.px(u.width.value/this.$editor.scale).floor(),height:ln.px(u.height.value/this.$editor.scale).floor()};switch(this.$editor.addComponentType){case"image":this.emit("openImage",p);break;case"video":this.emit("openVideo",p);break;default:this.emit("newComponent",this.$editor.addComponentType,p)}}this.sendHelpMessage(),this.emit("removeGuideLine")}},{key:"sendHelpMessage",value:function(){1===this.$selection.length&&this.$selection.current.is("svg-path","svg-brush","svg-polygon","svg-textpath")&&this.emit("addStatusBarMessage","Please click if you want to edit to path ")}},{key:$n("$view .element-item.text"),value:function(t){var e=t.$dt.html(),n=t.$dt.text().trim(),r=t.$dt.attr("data-id"),o=[];this.$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 this.$editor.isSelectionMode()}},{key:Gn("$view .element-item")+Zn("checkEditMode")+or("calculateMovedElement")+ir("calculateEndedElement"),value:function(t){if(this.startXY=t.xy,this.$element=t.$dt,this.$element.hasClass("text")&&this.$element.hasClass("selected"))return!1;var e=this.$element.attr("data-id");this.hasSVG=!1,t.shiftKey?this.$selection.toggleById(e):this.$selection.check({id:e})?this.$selection.current.is("svg-path","svg-brush","svg-textpath","svg-polygon")&&(this.hasSVG=!0):this.$selection.selectById(e),this.selectCurrent.apply(this,uV(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelection"),this.children.$selectionTool.initMoveType()}},{key:"calculateMovedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move"),this.updateRealPosition()}},{key:"updateRealPositionByItem",value:function(t){var e=t.toBound(),n=e.x,r=e.y,o=e.width,i=e.height,a=this.state.cachedCurrentElement[t.id];a||(this.state.cachedCurrentElement[t.id]=this.getElement(t.id),a=this.state.cachedCurrentElement[t.id]),a&&a.cssText("left: ".concat(n,";top:").concat(r,";width:").concat(o,";height:").concat(i,"; transform: ").concat(t.transform,";"))}},{key:"updateRealPosition",value:function(){var t=this;this.$selection.each((function(e){t.updateRealPositionByItem(e)})),this.emit("refreshRect")}},{key:Do("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"']")).attr("data-title",e)}},{key:"calculateEndedElement",value:function(t,e){if(0===t&&0===e){if(this.hasSVG)return void this.emit("openPathEditor")}else this.$selection.setRectCache(),this.emit("removeGuideLine")}},{key:pr("$body"),value:function(){var t=ln.px(this.$editor.canvasWidth),e=ln.px(this.$editor.canvasHeight);return{"data-mode":this.$editor.mode,style:{position:"relative",width:t,height:e}}}},{key:pr("$view"),value:function(){return{style:{transform:"scale(".concat(this.$editor.scale,")")},innerHTML:this.state.html}}},{key:Do("addElement"),value:function(){var t=(this.$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.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}else this.$selection.select(this.$selection.currentArtboard);this.emit("refreshSelectionTool")}},{key:"selectCurrentForBackgroundView",value:function(){var t=this;this.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}this.emit("refreshSelection"),this.emit("refreshSelectionTool")}},{key:Do("refreshSelection"),value:function(){this.state.html||this.trigger("addElement"),this.emit("refreshSelectionTool")}},{key:"modifyScale",value:function(){this.refs.$view.css({transform:"scale(".concat(this.$editor.scale,")")}),this.emit("makeSelectionTool",!0)}},{key:Do("changeScale"),value:function(){this.modifyScale()}},{key:Do("refreshCanvasForPartial","refreshSelectionStyleView","refreshSelectionDragStyleView"),value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=t?[t]:this.$selection.items;o.forEach((function(t){e.updateElement(t,n,r)}))}},{key:"updateElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n),this.updateRealPositionByItem(t))}},{key:"updateTimelineElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n,this,!0),this.updateRealPositionByItem(t))}},{key:Do("playTimeline","moveTimeline"),value:function(){var t=this,e=this.$selection.currentArtboard;e&&e.getSelectedTimeline().animations.map((function(t){return e.searchById(t.id)})).forEach((function(e){t.updateTimelineElement(e,!0,!1)}))}},{key:Do("refreshAllCanvas"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.$selection.currentArtboard||{html:""},n=e.html;this.setState({html:n},!1),this.refs.$view.updateDiff(n),t&&this.emit("refreshSelectionTool")}},{key:"refresh",value:function(){this.state.html!=this.prevState.html&&this.load()}},{key:Do("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));uV(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)})),this.$selection.setRectCache()}},{key:Do("refreshElementBoundSize"),value:function(t){var e=this;t&&t.layers.forEach((function(t){if(t.isLayoutItem()){var n=e.getElement(t.id);if(n){var r=n.offsetRect(),o=r.x,i=r.y,a=r.width,c=r.height;t.reset({x:ln.px(o),y:ln.px(i),width:ln.px(a),height:ln.px(c)}),t.is("component")&&e.emit("refreshStyleView",t,!0),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:Cn("view")+ar,value:function(){}},{key:_n("$view")+ar,value:function(t){var e=dn.create(t.target).attr("data-id");if(e)this.$selection.length?this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")}):this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")},e);else{var n=t.dataTransfer.getData("image/info");this.emit("dropImageUrl",n)}}}])&&pV(e.prototype,n),r&&pV(e,r),i}(Ao);function mV(t){return(mV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OV(t,e){return(OV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jV(t);if(e){var o=jV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SV(this,n)}}function SV(t,e){return!e||"object"!==mV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jV(t){return(jV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var PV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=kV(i);function i(){return gV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=ln.parse(this.props.value||ln.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:ur("$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||0}},{key:"setValue",value:function(t){this.setState({value:ln.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:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}])&&wV(e.prototype,n),r&&wV(e,r),i}(Ao);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 RV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EV(t,e){return(EV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TV(t);if(e){var o=TV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CV(this,n)}}function CV(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 TV(t){return(TV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EV(t,e)}(i,t);var e,n,r,o=_V(i);function i(){return RV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberInputEditor:PV}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(Wb.remove2,"</button>\n        <div class='select'>\n          <NumberInputEditor ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$editor.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Wb.add,"</button>        \n      </div>\n\n    ")}},{key:Do("changeScaleValue"),value:function(t){t<=0&&(t=.01),t=ft(100*t,100),this.children.$scale.setValue(t),this.emit("updateScale",t/100)}},{key:Do("changeRangeEditor")+nr(1e3),value:function(t,e){this.trigger("changeScaleValue",Math.floor(e/100))}},{key:jn("$plus")+ar+cr,value:function(){this.trigger("changeScaleValue",this.$editor.scale+.25)}},{key:jn("$minus")+ar+cr,value:function(){this.trigger("changeScaleValue",this.$editor.scale-.25)}}])&&$V(e.prototype,n),r&&$V(e,r),i}(Ao);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 IV(t){return function(t){if(Array.isArray(t))return VV(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return VV(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return VV(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function VV(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function MV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BV(t,e){return(BV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=GV(t);if(e){var o=GV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return FV(this,n)}}function FV(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 GV(t){return(GV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var HV={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Wb.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Wb.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Wb.repeat," Conic")},XV={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"},YV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BV(t,e)}(i,t);var e,n,r,o=zV(i);function i(){return MV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return gK}},{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 nf.parseStyle(tt(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(Wb.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='fill-list' ref='$fillList'></div>\n            </div>\n        ")}},{key:"templateForBlendMode",value:function(t,e){return"\n        <div class='popup-item'>\n          <BlendSelectEditor \n                ref='$blend_".concat(t,"' \n                key='blendMode' \n                value=\"").concat(e,'" \n                params="').concat(t,'" \n                onchange="changeRangeEditor" \n            />\n        </div>\n        ')}},{key:ur("$fillList"),value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var o=n.image,i=XV[o.type],a=HV[o.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(i,'" >\n                <BackgroundPositionEditor ').concat(et({key:"background-position",index:r,ref:"$bp".concat(r),x:n.x,y:n.y,width:n.width,height:n.height,repeat:n.repeat,size:n.size,blendMode:n.blendMode})," onchange='changePattern' />\n                <GradientSingleEditor ").concat(et({index:r,ref:"$gse".concat(r),image:n.image,color:e.color,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(r,'">').concat(a,"</div>\n                    <div class='blend'>\n                      ").concat(t.templateForBlendMode(r,n.blendMode),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(r,"'>").concat(Wb.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=Q(nf.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Do("add"),value:function(){this.state.images.push(new nf({image:new _s({angle:90,colorsteps:[new $u({percent:0,color:"white",index:0}),new $u({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:En("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$fillList .fill-item")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(IV(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:_n("$fillList .fill-item")+ar,value:function(t){var e=+t.$dt.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:jn("$fillList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.images.splice(e,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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:Do("selectFillPopupTab"),value:function(t,e){var n=XV[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:Do("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,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),n)}},{key:Do("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}])&&LV(e.prototype,n),r&&LV(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UV(t,e){for(var n=0;n<e.length;n++){var 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(WV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JV(t);if(e){var o=JV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qV(this,n)}}function qV(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 JV(t){return(JV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var QV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ZV(i);function i(){return KV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Wx.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(Wb.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:ur("$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(Wb.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(Wb.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">'.concat(this.$i18n("boxshadow.editor.blur"),'</div>\n        <div class="spread-radius">').concat(this.$i18n("boxshadow.editor.spread"),'</div>\n        <div class="tools">\n        </div>\n      </div>\n      ')),t.join("")}},{key:Do("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Do("add"),value:function(){this.state.boxShadows.push(new Wx),this.refresh(),this.modifyBoxShadow()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:jn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.boxShadows.splice(e,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:jn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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:Do("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:Do("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())}}}])&&UV(e.prototype,n),r&&UV(e,r),i}(Ao);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){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return nM(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nM(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nM(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function rM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(iM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uM(t);if(e){var o=uM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cM(this,n)}}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 uM(t){return(uM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iM(t,e)}(i,t);var e,n,r,o=aM(i);function i(){return rM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=this.props.value,o=this.props.tabindex;return{keyValueChar:t,splitChar:e,label:this.props.label||"",options:n,value:r,tabIndex:o}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></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(){this.load()}},{key:pr("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:ur("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e;if((o=e).includes(t.state.keyValueChar)){var r=eM(o.split(t.state.keyValueChar),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:An("$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)}}])&&oM(e.prototype,n),r&&oM(e,r),i}(Ao);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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function yM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hM(t,e){return(hM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bM(t);if(e){var o=bM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vM(this,n)}}function vM(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 bM(t){return(bM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=dM(i);function i(){return pM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sM}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=ln.parse(this.props.value||ln.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,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:ur("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString(),l=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),"".concat(t,":").concat(e)})).join(",");return"\n        <div ".concat(et({ref:"$range",class:nt(fM({"range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(l,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Wb.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:ln.parse(t)})}},{key:Vn("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Ln("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:jn("$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 ln(0,this.children.$unit.getValue()))}},{key:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new ln(e,this.children.$unit.getValue())})}},{key:In("$property"),value:function(t){var e=+this.getRef("$property").value;this.refs.$propertyNumber.val(e),this.initValue(),this.updateData({value:new ln(e,this.children.$unit.getValue())})}},{key:Do("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}])&&yM(e.prototype,n),r&&yM(e,r),i}(Ao);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 wM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kM(t,e){return(kM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function SM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=PM(t);if(e){var o=PM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jM(this,n)}}function jM(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 PM(t){return(PM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var xM=[{key:"border-top-left-radius",title:"topLeft"},{key:"border-top-right-radius",title:"topRight"},{key:"border-bottom-right-radius",title:"bottomRight"},{key:"border-bottom-left-radius",title:"bottomLeft"}],RM=xM.map((function(t){return t.key})),$M=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=SM(i);function i(){return wM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{key:"initState",value:function(){return Ix.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:Do("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&RM.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(xM.map((function(e){var n=t.state[e.key],r=t.$i18n("border.radius.editor."+e.title);return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(r,"' key='").concat(e.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:In("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:An("$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,RM.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"]+"":RM.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}])&&OM(e.prototype,n),r&&OM(e,r),i}(Ao);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 _M(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 TM(t,e){return(TM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function DM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=IM(t);if(e){var o=IM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return AM(this,n)}}function AM(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 IM(t){return(IM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var VM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=DM(i);function i(){return _M(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$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:jn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:Do("changeColorSingleEditor"),value:function(t,e){this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t})}}])&&CM(e.prototype,n),r&&CM(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 zM(t,e){return(zM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function FM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=HM(t);if(e){var o=HM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return GM(this,n)}}function GM(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 HM(t){return(HM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var XM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=FM(i);function i(){return LM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{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})}},{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.label;return"\n            <div class='color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:pr("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:pr("$colorCode"),value:function(){return{value:this.state.value}}},{key:Vn("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:Ln("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:jn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",color:this.state.value})}},{key:jn("$remove"),value:function(t){this.updateData({value:""})}},{key:In("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}},{key:Do("changeColorViewEditor"),value:function(t){this.updateData({value:t})}}])&&BM(e.prototype,n),r&&BM(e,r),i}(Ao);function YM(t){return(YM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NM(t){return function(t){if(Array.isArray(t))return KM(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return KM(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return KM(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function KM(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function UM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function WM(t,e){for(var n=0;n<e.length;n++){var 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(ZM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=QM(t);if(e){var o=QM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return JM(this,n)}}function JM(t,e){return!e||"object"!==YM(e)&&"function"!=typeof e?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)}var tL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=qM(i);function i(){return UM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{key:this.props.key,currentBezier:ux(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(Wb.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Wb.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,sx(this.state.currentBezier))}},{key:jn("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=cx.length-1:--n,e=cx[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:jn("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%cx.length,e=cx[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:jn("$text"),value:function(){var t=NM(cx[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:jn("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=ux(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=ux(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,y=a;u.beginPath(),u.moveTo(o,i+c),u.bezierCurveTo(o+s,i+l,o+f,i+p,o+y,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=ux(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:ln.px(r),top:ln.px(o)}),r=t[2]*e,o=(1-t[3])*n,this.refs.$pointer2.css({left:ln.px(r),top:ln.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=ux(this.state.currentBezier),e=Ox(sx(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:yt(c,n),y:u==r?0:(r-u)/r}}},{key:Gn("$pointer1")+or("movePointer1")+ir("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:Gn("$pointer2")+or("movePointer2")+ir("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:Do("showCubicBezierEditor"),value:function(t){var e=ux(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")}}])&&WM(e.prototype,n),r&&WM(e,r),i}(Ao);function eL(t){return(eL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nL(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rL(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nL(Object(n),!0).forEach((function(e){oL(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nL(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function oL(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function iL(t){return function(t){if(Array.isArray(t))return aL(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return aL(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return aL(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function aL(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function cL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sL(t,e){return(sL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function lL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=pL(t);if(e){var o=pL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fL(this,n)}}function fL(t,e){return!e||"object"!==eL(e)&&"function"!=typeof e?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)}var yL={blur:KR.spec,grayscale:WR.spec,"hue-rotate":ZR.spec,invert:qR.spec,brightness:JR.spec,contrast:QR.spec,"drop-shadow":r$.spec,opacity:t$.spec,saturate:e$.spec,sepia:n$.spec,svg:UR.spec},hL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sL(t,e)}(i,t);var e,n,r,o=lL(i);function i(){return cL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sM,RangeEditor:mM,ColorViewEditor:XM}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:NR.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(Wb.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:ur("$filterSelect"),value:function(){var t=PC.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(iL(t),[{title:"-------",value:""}],iL(e)):iL(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 yL[t]}},{key:"makeDropShadowFilterTemplate",value:function(t,e,n){var r=this;return'\n      <div class="filter-item">\n        <div class="title drop-shadow" draggable="true" data-index="'.concat(n,'">\n          <label>').concat(this.$i18n("filter.property.drop-shadow"),'</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <ColorViewEditor \n            label="').concat(this.$i18n("filter.property.drop-shadow.color"),"\" \n            ref='$dropShadowColorView").concat(n,"' \n            params=\"").concat(n,'" \n            value="').concat(e.color,'" \n            onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map((function(o){return'        \n            <div class="filter-ui drop-shadow">\n                <RangeEditor \n                  ref=\'$'.concat(o).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(o)),'"\n                  key="').concat(n,'" \n                  min="').concat(t[o].min,'"\n                  min="').concat(t[o].max,'"\n                  params="').concat(o,'" \n                  value="').concat(e[o].value,'" units="').concat(t[o].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')})).join(""),"\n      </div>\n    ")}},{key:"getSVGFilterList",value:function(){var t=this.$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=this.$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,o="".concat(this.$i18n("filter.property."+e.type));return'\n      <div class="filter-item" data-index="'.concat(n,'">\n        <div class="title" >\n          <label draggable="true" data-index="').concat(n,'" title="').concat(r?"":o,'">').concat(o,"</label>\n          ").concat("svg"!=e.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,e,t),"\n          </div>\n        "):"\n          <div>\n            <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(e.value,"</span>\n          </div>\n        "),'          \n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.remove2,"\n            </button>\n          </div>\n        </div>\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:ur("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:En("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$filterList .filter-item .title label")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(iL(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:_n("$filterList .filter-item")+ar,value:function(t){var e=+t.$dt.attr("data-index");this.$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 NR.parse(rL(rL({},e),{},{type:t}))}},{key:jn("$filterList .svg-filter-edit"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.state.filters[e],r=this.$selection.currentProject;if(r){var o=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",o)}}},{key:Do("openSVGFilterPopup"),value:function(t){var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:t,preview:!1,filters:e.filters})}},{key:Do("changeSVGFilterRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:Do("add"),value:function(t){var e=this;"svg"===t?this.emit("addSVGFilterAssetItem",(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:jn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:jn("$filterList .filter-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.filters.splice(e,1),this.refresh(),this.modifyFilter()}},{key:Do("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:Do("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(oL({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}])&&uL(e.prototype,n),r&&uL(e,r),i}(Ao);function dL(t){return(dL="function"==typeof Symbol&&"symbol"==typeof Symbol.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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function bL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mL(t,e){for(var n=0;n<e.length;n++){var 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(gL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kL(t);if(e){var o=kL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OL(this,n)}}function OL(t,e){return!e||"object"!==dL(e)&&"function"!=typeof e?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)}var SL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=wL(i);function i(){return bL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sM}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=ln.parse(this.props.value||ln.px(0));return{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||"",units:t,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:ur("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString();return"\n        <div ".concat(et({ref:"$range",class:nt(vL({"input-range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\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(Wb.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:ln.parse(t)})}},{key:Vn("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:Ln("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:jn("$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 ln(0,this.children.$unit.getValue()))}},{key:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new ln(e,this.children.$unit.getValue())})}},{key:Do("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:Do("changeVarType"),value:function(t,e){this.updateData({value:new ln(this.refs.$calc.value,e)})}}])&&mL(e.prototype,n),r&&mL(e,r),i}(Ao);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 PL(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||RL(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xL(t){return function(t){if(Array.isArray(t))return $L(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||RL(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function RL(t,e){if(t){if("string"==typeof t)return $L(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$L(t,e):void 0}}function $L(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function EL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 CL(t,e){return(CL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function TL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=AL(t);if(e){var o=AL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return DL(this,n)}}function DL(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 AL(t){return(AL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var IL=["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"],VL=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],ML={"image-resource":Wb.photo},LL={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},BL={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%"]},zL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=TL(i);function i(){return EL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SL,RangeEditor:mM,SelectEditor:sM}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:nf.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:nf.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' title='").concat(this.$i18n("gradient.editor.drag.message"),"'></div>\n              <div class='drag-pointer' ref='$dragPosition'></div>\n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(Wb.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Wb.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(VL.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(ML[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(IL.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:An("$file"),value:function(t){var e=this;this.$selection.currentProject&&xL(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:jn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");BL[e]&&(this.state.image.radialPosition=N(BL[e]),this.refresh(),this.updateData())}},{key:Pn("$gradientView")+ar,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:Gn("$gradientView")+or("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=ln.percent((n-this.containerRect.x)/this.containerRect.width*100),i=ln.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:jn("$tab .picker-tab-item"),value:function(t){var e=t.$dt.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=nf.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:ln.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:Do("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:Do("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:jn("$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:pr("$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:pr("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:pr("$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:pr("$dragPosition"),value:function(){var t="50%",e="50%";if(LL[this.state.image.type]){var n=PL(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:ur("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return"\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' data-cut='").concat(e.cut,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>')}))}},{key:jn("$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){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(ln.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Gn("$stepList .step")+or(),value:function(t){var e=t.$dt.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(ln.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(Fu.toColorString(t.colorsteps),")")}},{key:Do("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:Do("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())}}])&&_L(e.prototype,n),r&&_L(e,r),i}(Ao);function FL(t){return(FL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GL(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HL(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GL(Object(n),!0).forEach((function(e){XL(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GL(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function XL(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function YL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function NL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KL(t,e,n){return(KL="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=qL(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 UL(t,e){return(UL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function WL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qL(t);if(e){var o=qL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ZL(this,n)}}function ZL(t,e){return!e||"object"!==FL(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qL(t){return(qL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var JL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=WL(i);function i(){return YL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new ln(0,"infinite"):ln.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return HL(HL({},KL(qL(i.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}])&&NL(e.prototype,n),r&&NL(e,r),i}(mM);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,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return eB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return eB(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function eB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function nB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rB(t,e){for(var n=0;n<e.length;n++){var 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(oB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function iB(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=cB(t);if(e){var o=cB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return aB(this,n)}}function aB(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 cB(t){return(cB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var uB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=iB(i);function i(){return nB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=tB(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(Wb.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:Do("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:ur("$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(Wb.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:jn("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:In("$varList input"),value:function(t){var e=+t.$dt.attr("data-index"),n=t.$dt.attr("data-type");this.state.values[e][n]=t.$dt.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)}}])&&rB(e.prototype,n),r&&rB(e,r),i}(Ao);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 lB(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fB(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lB(Object(n),!0).forEach((function(e){pB(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 yB(t){return function(t){if(Array.isArray(t))return hB(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return hB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return hB(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function hB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function dB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(bB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mB(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wB(t);if(e){var o=wB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gB(this,n)}}function gB(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 wB(t){return(wB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OB=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],kB={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"]},SB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=mB(i);function i(){return dB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberInputEditor:PV,RangeEditor:mM}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Pi.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(OB.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(Wb.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 kB[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>').concat(this.$i18n("css.item."+t),'</label>\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 class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.remove2,"\n            </button>\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>').concat(this.$i18n("css.item."+t),'</label>\n          <div></div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.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:ur("$transformList"),value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:En("$transformList .transform-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$transformList .transform-item")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(yB(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:_n("$transformList .transform-item")+ar,value:function(t){var e=+t.$dt.attr("data-index");this.$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[ln.px(0)];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[ln.deg(0)];case"translate":return[ln.px(0),ln.px(0)];case"translate3d":return[ln.px(0),ln.px(0),ln.px(0)];case"scale":return[ln.number(1),ln.number(1)];case"scaleX":case"scaleY":return[ln.number(1)];case"matrix":return[ln.number(1),ln.number(0),ln.number(0),ln.number(1),ln.number(0),ln.number(0)];case"matrix3d":return[ln.number(1),ln.number(0),ln.number(0),ln.number(0),ln.number(0),ln.number(1),ln.number(0),ln.number(0),ln.number(0),ln.number(0),ln.number(1),ln.number(0),ln.number(0),ln.number(0),ln.number(0),ln.number(1)]}return[ln.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return Pi.parse(fB(fB({},e),{},{type:t,value:n}))}},{key:Do("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:jn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:jn("$transformList .transform-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.transforms.splice(e,1),this.refresh(),this.modifyTransform()}},{key:Do("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}])&&vB(e.prototype,n),r&&vB(e,r),i}(Ao);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return xB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xB(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function RB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EB(t,e){return(EB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TB(t);if(e){var o=TB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CB(this,n)}}function CB(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 TB(t){return(TB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DB=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"}],AB=DB.map((function(t){return t.key})),IB={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%"},VB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=_B(i);function i(){return RB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":ln.percent(50),"transform-origin-x":ln.percent(50),"transform-origin-y":ln.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=ln.parse(t[0]),e["transform-origin-x"]=ln.parse(t[0]),e["transform-origin-y"]=ln.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=ln.parse(t[0]),e["transform-origin-y"]=ln.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:jn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=PB(IB[e].split(" "),2),r=n[0],o=n[1];this.state["transform-origin-x"]=ln.parse(r),this.state["transform-origin-y"]=ln.parse(o),this.refresh(),this.modifyTransformOrigin()}},{key:Do("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&AB.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(DB.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,AB.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:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}])&&$B(e.prototype,n),r&&$B(e,r),i}(Ao);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,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return BB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return BB(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function BB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function zB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function FB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GB(t,e){return(GB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function HB(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=YB(t);if(e){var o=YB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return XB(this,n)}}function XB(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 YB(t){return(YB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var NB=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],KB=NB.map((function(t){return t.key})),UB={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%"},WB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=HB(i);function i(){return zB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":ln.px(0),"perspective-origin-x":ln.px(0),"perspective-origin-y":ln.px(0)};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=ln.parse(t[0]),e["perspective-origin-x"]=ln.parse(t[0]),e["perspective-origin-y"]=ln.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=ln.parse(t[0]),e["perspective-origin-y"]=ln.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:jn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=LB(UB[e].split(" "),2),r=n[0],o=n[1];this.state["perspective-origin-x"]=ln.parse(r),this.state["perspective-origin-y"]=ln.parse(o),this.refresh(),this.modifyPerspectiveOrigin()}},{key:Do("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&KB.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(NB.map((function(e){var n=t.$i18n(e.title);return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(n,"' 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,KB.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:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}])&&FB(e.prototype,n),r&&FB(e,r),i}(Ao);function ZB(t){return(ZB="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function JB(t,e){for(var n=0;n<e.length;n++){var 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(QB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nz(t);if(e){var o=nz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ez(this,n)}}function ez(t,e){return!e||"object"!==ZB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nz(t){return(nz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tz(i);function i(){return qB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=ln.parse(this.props.value||ln.number(0));return t=t.toUnit("number"),{removable:"true"===this.props.removable,clamp:"true"===this.props.clamp,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:ur("$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 title="'.concat(o,'">').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,"\" tabIndex=\"1\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(Wb.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:ln.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:ln.parse(t)})}},{key:"getValue",value:function(){return this.state.clamp?this.state.value.clamp(this.state.min,this.state.max):this.state.value}},{key:"setValue",value:function(t){this.setState({value:ln.parse(t)})}},{key:Vn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:Ln("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:jn("$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.getValue(),this.props.params)}},{key:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:In("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=ln.number(0)),this.updateData({value:this.state.value.set(e)})}}])&&JB(e.prototype,n),r&&JB(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function az(t,e){for(var n=0;n<e.length;n++){var 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(cz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lz(t);if(e){var o=lz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sz(this,n)}}function sz(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 lz(t){return(lz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cz(t,e)}(i,t);var e,n,r,o=uz(i);function i(){return iz(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:jn(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:Do("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}])&&az(e.prototype,n),r&&az(e,r),i}(Ao);function pz(t){return(pz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dz(t,e){return(dz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mz(t);if(e){var o=mz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bz(this,n)}}function bz(t,e){return!e||"object"!==pz(e)&&"function"!=typeof e?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)}var gz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vz(i);function i(){return yz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:gR.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(Wb.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:ur("$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(Wb.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:"modifyTextShadow",value:function(){var t=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Do("add"),value:function(){this.state.textShadows.push(new gR),this.refresh(),this.modifyTextShadow()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:jn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:jn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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){this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:t.color,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius},{id:this.id})}},{key:Do("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}])&&hz(e.prototype,n),r&&hz(e,r),i}(Ao);function wz(t){return(wz="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kz(t,e){for(var n=0;n<e.length;n++){var 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(Sz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xz(t);if(e){var o=xz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pz(this,n)}}function Pz(t,e){return!e||"object"!==wz(e)&&"function"!=typeof e?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)}var Rz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sz(t,e)}(i,t);var e,n,r,o=jz(i);function i(){return Oz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberRangeEditor:rz}}},{key:"initState",value:function(){return{value:this.generateValue(this.props.value||"")}}},{key:"template",value:function(){return"\n      <div class='stroke-dasharray-editor'>\n        <div ref='$body'></div>\n        <div class='tools'>\n          <label ref='$add'>".concat(Wb.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>\n      </div>\n    ")}},{key:"toStringValue",value:function(){return this.state.value.join(" ")}},{key:"getValue",value:function(){return this.toStringValue()}},{key:"generateValue",value:function(t){return t.split(" ").filter(Boolean).map((function(t){return+t}))}},{key:"setValue",value:function(t){B(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:ur("$body"),value:function(){return this.state.value.map((function(t,e){var n=e+1;return"\n        <div class='dasharray-item'>\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            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Wb.remove2,"</button>\n        </div>\n      ")}))}},{key:Do("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:jn("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:jn("$body .delete"),value:function(t){var e=+t.$dt.attr("data-index");this.state.value.splice(e,1),this.refresh(),this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}])&&kz(e.prototype,n),r&&kz(e,r),i}(Ao);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 Ez(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return _z(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _z(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _z(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Cz(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 Dz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Az(t,e){for(var n=0;n<e.length;n++){var 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(Iz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Lz(t);if(e){var o=Lz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Mz(this,n)}}function Mz(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 Lz(t){return(Lz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Bz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Iz(t,e)}(i,t);var e,n,r,o=Vz(i);function i(){return Dz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{parser:new Ya(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 Ya(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:ur("$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]:{};e%2?Cz(Object(n),!0).forEach((function(e){Tz(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cz(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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\n                        ").concat("Z"===t.command?!1===t.toggle?"opened":"closed":"","\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:In("$data input[type=number]")+nr(300),value:function(t){this.updateData()}},{key:jn("$data .command[data-toggle]"),value:function(t){var e=Ez(t.$dt.attrs("data-command","data-toggle"),2),n=e[0],r=e[1];"Z"===n&&(r="false"!==r?"false":"true",t.$dt.attr("data-toggle",r),this.updateData())}}])&&Az(e.prototype,n),r&&Az(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(Hz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Xz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Nz(t);if(e){var o=Nz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Yz(this,n)}}function Yz(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 Nz(t){return(Nz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Kz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hz(t,e)}(i,t);var e,n,r,o=Xz(i);function i(){return Fz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{parser:new x$(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 x$(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:ur("$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:In("$data input[type=number]")+nr(300),value:function(t){this.updateData()}}])&&Gz(e.prototype,n),r&&Gz(e,r),i}(Ao);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 Wz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Zz(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zz(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zz(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function qz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jz(t,e){for(var n=0;n<e.length;n++){var 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(Qz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nF(t);if(e){var o=nF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eF(this,n)}}function eF(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 nF(t){return(nF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tF(i);function i(){return qz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM,SelectEditor:sM}}},{key:"initState",value:function(){var t=Wz((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=Wz((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=this.$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:ur(),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='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(o,'" options="').concat(e,"\" onchange='changeRangeEditor' />\n            </div>\n            <div class='offset-path-item'>\n                <div>").concat(this.$i18n("offset.path.list.editor.totalLength"),": <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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(a||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:pr("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:Do("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")}}])&&Jz(e.prototype,n),r&&Jz(e,r),i}(Ao);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)}}var iF={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},aF=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 tt(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){iF[t]?e=t:Ye.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)&&oF(e.prototype,n),r&&oF(e,r),t}();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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(lF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yF(t);if(e){var o=yF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pF(this,n)}}function pF(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 yF(t){return(yF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hF=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),dF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=fF(i);function i(){return uF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SL,RangeEditor:mM,SelectEditor:sM,ColorViewEditor:XM,ColorSingleEditor:VM}}},{key:"initState",value:function(){return{value:aF.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 aF.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=aF.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||ln.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(hF,"' 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:Do("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}])&&sF(e.prototype,n),r&&sF(e,r),i}(Ao);function vF(t){return(vF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 gF(t,e){return(gF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kF(t);if(e){var o=kF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OF(this,n)}}function OF(t,e){return!e||"object"!==vF(e)&&"function"!=typeof e?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)}var SF=["border","border-top","border-right","border-bottom","border-left"],jF={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},PF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gF(t,e)}(i,t);var e,n,r,o=wF(i);function i(){return bF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BorderValueEditor:dF}}},{key:"initState",value:function(){var t=aF.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 aF.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=aF.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:ur("$editorArea"),value:function(){var t=this;return SF.map((function(e){var n=jF[e]||e;return n=t.$i18n("border.editor."+n),"\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>".concat(this.$i18n("border.editor.width"),"</label>\n          <label>").concat(this.$i18n("border.editor.style"),"</label>\n          <label>").concat(this.$i18n("border.editor.color"),"</label>\n        </div>\n        <div class='editor-area' ref='$editorArea'>\n\n        </div>\n      </div>\n    ")}},{key:Do("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}])&&mF(e.prototype,n),r&&mF(e,r),i}(Ao);function xF(t){return(xF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return $F(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $F(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $F(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function EF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _F(t,e){for(var n=0;n<e.length;n++){var 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(CF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function TF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=AF(t);if(e){var o=AF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return DF(this,n)}}function DF(t,e){return!e||"object"!==xF(e)&&"function"!=typeof e?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)}var IF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CF(t,e)}(i,t);var e,n,r,o=TF(i);function i(){return EF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberRangeEditor:rz}}},{key:"initState",value:function(){var t=RF((this.props.value||"").split(":"),3);return{start:+(t[0]||0),end:+(t[1]||1),duration:+(t[2]||1)}}},{key:"refresh",value:function(){this.load(),this.children.$s.setValue(this.state.start*this.state.duration),this.children.$e.setValue(this.state.end*this.state.duration),this.children.$s.setMax(this.state.duration),this.children.$e.setMax(this.state.duration)}},{key:"template",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return"\n            <div class='media-progress-editor'>\n                <div class='drag-area'>\n                    <div class='progress-bar' ref='$progress'></div>\n                    <div class='bar' ref='$bar'></div>                \n                    <div class='drag-item start' ref='$start'></div>\n                    <div class='drag-item end' ref='$end'></div>\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$s' \n                        label='Start' \n                        key='start' \n                        min=\"0\" \n                        max=\"".concat(r,'" \n                        step="0.001" \n                        value="').concat(e*r,"\" \n                        onchange=\"changeValue\" \n                    />\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$e' \n                        label='End' \n                        key='end' \n                        min=\"0\" \n                        max=\"").concat(r,'" \n                        step="0.001" \n                        value="').concat(n*r,'" \n                        onchange="changeValue" \n                    />\n                </div>                \n            </div>\n        ')}},{key:Do("changeValue"),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.state.duration),!0)}},{key:Gn("$start")+or("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=ln.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=ln.parse(this.refs.$end.css("left")).toPx(this.rect.width)}},{key:"moveStart",value:function(t,e){var n=Math.min(this.max.value,Math.max(0,this.pos.value+t));this.state.start=n/this.rect.width,this.children.$s.setValue(this.state.start*this.state.duration),this.refresh(),this.updateData()}},{key:pr("$start"),value:function(){return{"data-info":this.state.start,style:{left:ln.percent(100*(this.state.start||0))}}}},{key:Gn("$end")+or("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=ln.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=ln.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=ln.px(this.rect.width)}},{key:"moveStartForEnd",value:function(t,e){var n=Math.max(this.min.value,Math.min(this.max.value,this.pos.value+t));this.state.end=n/this.rect.width,this.children.$e.setValue(this.state.end*this.state.duration),this.refresh(),this.updateData()}},{key:pr("$end"),value:function(){return{"data-info":this.state.end,style:{left:ln.percent(100*(this.state.end||1))}}}},{key:pr("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:ln.percent(100*t),width:ln.percent(100*(e-t))}}}},{key:"getValue",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return"".concat(e,":").concat(n,":").concat(r)}},{key:"setValue",value:function(t){var e=RF(t.split(":"),3),n=e[0],r=e[1],o=e[2];this.setState({start:Number(n),end:Number(r),duration:Number(o)})}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState(t,e),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&_F(e.prototype,n),r&&_F(e,r),i}(Ao);function VF(t){return(VF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(BF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=GF(t);if(e){var o=GF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return FF(this,n)}}function FF(t,e){return!e||"object"!==VF(e)&&"function"!=typeof e?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)}var HF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=zF(i);function i(){return MF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BorderEditor:PF,NumberRangeEditor:rz,SelectEditor:sM,TextShadowEditor:gz,BoxShadowEditor:QV,FilterEditor:hL,ColorViewEditor:XM,RangeEditor:mM,StrokeDashArrayEditor:Rz,BackgroundImageEditor:YV,TransformEditor:SB,TransformOriginEditor:VB,PerspectiveOriginEditor:WB,VarEditor:uB,BorderRadiusEditor:$M,ClipPathEditor:fz,PathDataEditor:Bz,PolygonDataEditor:Kz,OffsetPathListEditor:rF,MediaProgressEditor:IF}}},{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(nt({"hide-title":this.state.hideTitle,"hide-refresh":this.state.hideRefresh}),"'>\n        <div class='title'>\n          <label>").concat(this.$i18n("css.property.editor.properties"),"</label>\n          <div class='tools'>\n            ").concat(this.makePropertySelect(),"\n            <button type=\"button\" ref='$addProperty'>").concat(Wb.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":case"playTime":return ln.string("");case"offset-distance":return ln.percent(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return ln.px(0)}}},{key:jn("$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=this.$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(et({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          <BlendSelectEditor \n          ref='$mixBlendMode".concat(e,"' \n          key='mix-blend-mode' \n          icon=\"true\" \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      "):"playTime"===t.key?"\n        <MediaProgressEditor ref='$playTime".concat(e,"'  key='playTime' value=\"").concat(t.value,'" onchange="changeSelect" />      \n      '):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:Do("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Do("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:Do("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:Do("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Do("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Do("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:Do("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:Do("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:Do("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:Do("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:Do("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:Do("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:Do("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:Do("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":case"playTime":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=\"").concat(0,'"\n              max="').concat(1,'"\n              step="').concat(.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:Do("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:ur("$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(Wb.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(Wb.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:Do("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:jn("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:jn("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}])&&LF(e.prototype,n),r&&LF(e,r),i}(Ao);function XF(t){return(XF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return NF(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return NF(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return NF(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function NF(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function KF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 WF(t,e){return(WF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JF(t);if(e){var o=JF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qF(this,n)}}function qF(t,e){return!e||"object"!==XF(e)&&"function"!=typeof e?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)}var QF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WF(t,e)}(i,t);var e,n,r,o=ZF(i);function i(){return KF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SL,RangeEditor:mM,CSSPropertyEditor:HF}}},{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 \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(ln.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:Do("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){if(M(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:ur("$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!dn.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:jn("$offset")+Zn("isNotOffsetItem")+ar,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=ln.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new wj({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:Gn("$offset .offset-item")+or("moveOffset")+ir("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=ln.parse(t.$dt.css("left")),this.currentOffset=t.$dt,this.currentOffsetIndex=+t.$dt.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=ln.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:Do("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:Do("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=YF(t)),this.modifyOffset()}}])&&UF(e.prototype,n),r&&UF(e,r),i}(Ao);function tG(t){return(tG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eG(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return nG(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nG(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nG(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function rG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(iG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uG(t);if(e){var o=uG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cG(this,n)}}function cG(t,e){return!e||"object"!==tG(e)&&"function"!=typeof e?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)}var sG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=aG(i);function i(){return rG(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new ln("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),o=eG(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=eG(i,2),c=a[0],u=a[1];return M(u)&&(u=c),{radius:e,x:c=ln.parse(c),y:u=ln.parse(u)}}},{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:pr("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Gn("$area")+or()+ir(),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=ln.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=ln.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:Do("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new ln("","closest-side"):r.includes("farthest-side")&&(n=new ln("","farthest-side")),this.updateData({radius:n})}}}])&&oG(e.prototype,n),r&&oG(e,r),i}(Ao);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 fG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pG(t,e){for(var n=0;n<e.length;n++){var 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(yG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vG(t);if(e){var o=vG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dG(this,n)}}function dG(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 vG(t){return(vG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var bG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yG(t,e)}(i,t);var e,n,r,o=hG(i);function i(){return fG(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$text"),value:function(){return{value:this.state.value}}},{key:In("$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)}}])&&pG(e.prototype,n),r&&pG(e,r),i}(Ao);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 gG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OG(t,e){return(OG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jG(t);if(e){var o=jG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SG(this,n)}}function SG(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 jG(t){return(jG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var PG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=kG(i);function i(){return gG(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$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:ur("$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:In("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&wG(e.prototype,n),r&&wG(e,r),i}(Ao);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 RG(t){return function(t){if(Array.isArray(t))return CG(t)}(t)||TG(t)||_G(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $G(t,e){return DG(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e)||EG()}function EG(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _G(t,e){if(t){if("string"==typeof t)return CG(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?CG(t,e):void 0}}function CG(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function TG(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function DG(t){if(Array.isArray(t))return t}function AG(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function IG(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?AG(Object(n),!0).forEach((function(e){VG(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):AG(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function MG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BG(t,e){return(BG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=GG(t);if(e){var o=GG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return FG(this,n)}}function FG(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 GG(t){return(GG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var HG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=zG(i);function i(){return MG(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{TextEditor:bG,NumberRangeEditor:rz,SelectEditor:sM}}},{key:"initState",value:function(){return IG({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=function(t){return DG(t)||TG(t)||_G(t)||EG()}(t.split(" ")),n=e[0],r=e.slice(1);if("linear"===n)var o=$G(r,2),i=o[0],a=o[1];else if("gamma"===n)var c=$G(r,3),u=c[0],s=c[1],l=c[2];return{type:n,values:r,slop:i,intercept:a,amplitude:u,exponent:s,offset:l}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:ur("$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:Do("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(RG(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(IG({},this.parse(t)))}},{key:Do("changeValues"),value:function(t,e){this.updateData(VG({},t,e.split(" ")))}},{key:Do("changeLinear"),value:function(t,e){this.updateData(VG({},t,e))}},{key:Do("changeGamma"),value:function(t,e){this.updateData(VG({},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)}}])&&LG(e.prototype,n),r&&LG(e,r),i}(Ao),XG={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 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){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 UG(t,e){return(UG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function WG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qG(t);if(e){var o=qG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ZG(this,n)}}function ZG(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 qG(t){return(qG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var JG=Object.keys(XG).map((function(t){return{title:t,values:XG[t]}})),QG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&UG(t,e)}(i,t);var e,n,r,o=WG(i);function i(){return NG(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{values:Bt(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:pr("$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: left; \n            ")}}},{key:ur("$sample"),value:function(){return JG.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:jn("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=JG[e];this.updateData({values:Bt(n.values)}),this.load("$body")}},{key:ur("$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:In("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&KG(e.prototype,n),r&&KG(e,r),i}(Ao),tH={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:"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:"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 eH(t){return(eH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nH(t){return function(t){if(Array.isArray(t))return rH(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return rH(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rH(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rH(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function oH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function iH(t,e){for(var n=0;n<e.length;n++){var 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(aH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function cH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=sH(t);if(e){var o=sH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return uH(this,n)}}function uH(t,e){return!e||"object"!==eH(e)&&"function"!=typeof e?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)}var lH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=cH(i);function i(){return oH(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$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:An("$file"),value:function(t){var e=this,n=nH(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:jn("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:Do("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)}}])&&iH(e.prototype,n),r&&iH(e,r),i}(Ao);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yH(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pH(Object(n),!0).forEach((function(e){hH(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pH(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hH(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function dH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(bH="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=OH(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 mH(t,e){return(mH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function gH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=OH(t);if(e){var o=OH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return wH(this,n)}}function wH(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 OH(t){return(OH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var kH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=gH(i);function i(){return dH(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getBlendList",value:function(){var t=this;return RC.split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("blend.".concat(e)))}))}},{key:"initState",value:function(){return yH(yH({},bH(OH(i.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}])&&vH(e.prototype,n),r&&vH(e,r),i}(sM);function SH(t){return(SH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jH(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return PH(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return PH(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function PH(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function xH(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RH(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xH(Object(n),!0).forEach((function(e){$H(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xH(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 EH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _H(t,e){for(var n=0;n<e.length;n++){var 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(CH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function TH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=AH(t);if(e){var o=AH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return DH(this,n)}}function DH(t,e){return!e||"object"!==SH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AH(t){return(AH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var IH=[{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"}]}],VH=[{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 MH(t){switch(t){case"SpecularLighting":return Wb.specular;case"DiffuseLighting":return Wb.diffuse;case"SourceGraphic":case"SourceAlpha":return Wb.image;case"BackgroundImage":case"BackgroundAlpha":return Wb.outline_image;case"Flood":return Wb.palette;case"Image":return Wb.landscape;case"GaussianBlur":return Wb.blur;case"ColorMatrix":return Wb.blur_linear;case"Turbulence":return Wb.waves;case"Saturate":return Wb.vintage;case"HueRotate":return Wb.looks;case"LuminanceAlpha":return Wb.opacity;case"DropShadow":return Wb.shadow;case"Morphology":return Wb.broken_image;case"ConvolveMatrix":return Wb.camera_roll;case"Offset":return Wb.transform;case"Tile":return Wb.view_comfy;case"Blend":return Wb.gradient;case"Composite":return Wb.merge;case"Merge":return Wb.settings_input_component;case"DisplacementMap":return Wb.texture}return""}function LH(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 BH=[45],zH=[20],FH={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},GH={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(GH).forEach((function(t){GH[t]=GH[t].map((function(t){return t+20}))}));var HH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CH(t,e)}(i,t);var e,n,r,o=TH(i);function i(){return EH(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BlendSelectEditor:kH,ColorMatrixEditor:QG,InputArrayEditor:PG,NumberRangeEditor:rz,RangeEditor:mM,ColorViewEditor:XM,SelectEditor:sM,TextEditor:bG,FuncFilterEditor:HG,ImageSelectEditor:lH}}},{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(ot(IH,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ot(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(MH(e.value),"</span>\n                  ").concat(t.$i18n(e.label),"\n                </div>\n                ")})),"\n          </div>\n        ")})),"\n    </div>\n    ")}},{key:"makeFilterTemplateSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n  \n      ".concat(ot(VH,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ot(e.items,(function(e){return' <div class=\'item\' draggable="true" value="'.concat(e.value,'">').concat(t.$i18n(e.label),"</div>")})),"\n          </div>\n        ")})),"\n    </div>\n    ")}},{key:"initState",value:function(){return{filters:this.parseFilter(this.props.value||[]),selectedTabIndex:1,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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\'Item\'>\n                <label class=\'icon\'>'.concat(this.$i18n("svg.filter.editor.tab.filter"),'</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Preset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.preset"),'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="Asset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.asset"),'</label>\n              </div>\n            </div>\n            <div class="tab-body">\n              <div class="tab-content selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content" data-value="2">\n                ').concat(this.makeFilterTemplateSelect(),"\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:jn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedTabIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedTabIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedTabIndex:e},!1))}},{key:En("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:Cn("$connectedLinePanel")+ar,value:function(){}},{key:_n("$connectedLinePanel")+ar,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=tH[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return aj[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("blend"===t.inputType)return"\n        <div>\n          <BlendSelectEditor \n            ref='$blend".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ');if("select"===t.inputType){var o=t.options;return X(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(Wb.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(A(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:ur("$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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.map((function(t){return oj.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return oj.parse(RH(RH({},e),{},{type:t}))}},{key:jn("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:jn("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:jn("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:ur("$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:Gn("$graphPanel .filter-node")+or()+ir(),value:function(t){this.$target=t.$dt,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=dn.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=N(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:ur("$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(et({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 Qa,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+BH[0],r=t.bound.y+zH[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+FH[i][0],y:o.it.bound.y+GH[i][c]}]}},{key:ur("$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=LH(e.type);return"\n              <path ".concat(et({class:"connected-line","data-source-type":o,d:t.makeConnectedPath(r)})," />\n\n              ").concat(r.length&&"\n                <circle ".concat(et({"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:jn("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=jH(t.$dt.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=this.$config.get("bodyEvent"),o=dn.create(r.target),i=o.closest("filter-node");if("out"===this.pointType){if(o.hasClass("in")&&(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;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||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:ln.px(n.bound.x),top:ln.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(nt({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(t.$i18n(e.type),"</div>\n          <div class='remove'>").concat(Wb.close,"</div>\n          <div class='preview' data-source-type=\"").concat(LH(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(MH(e.type),"</div>\n          <div class='in-list'>\n            ").concat(W(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(Wb.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:Do("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:Do("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset($H({},t,e)),this.modifyFilter()}},{key:Do("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset($H({},t,e)),this.modifyFilter()}},{key:Do("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset($H({},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:jn("$graphPanel .filter-node .remove"),value:function(t){var e=+t.$dt.closest("filter-node").attr("data-index"),n=this.state.filters[e];this.removeFilter(n.id)}}])&&_H(e.prototype,n),r&&_H(e,r),i}(Ao);function XH(t){return(XH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function NH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KH(t,e){return(KH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function UH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ZH(t);if(e){var o=ZH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return WH(this,n)}}function WH(t,e){return!e||"object"!==XH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZH(t){return(ZH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var qH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=UH(i);function i(){return YH(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:ur("$body"),value:function(){var t=this;return Object.keys(Wb).map((function(e){var n=Wb[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:jn("$body .list-view-item"),value:function(t){var e=t.$dt.attr("data-key");t.$dt.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)}}])&&NH(e.prototype,n),r&&NH(e,r),i}(Ao);function JH(t){return(JH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(eX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function nX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=oX(t);if(e){var o=oX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return rX(this,n)}}function rX(t,e){return!e||"object"!==JH(e)&&"function"!=typeof e?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)}var iX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=nX(i);function i(){return QH(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{IconListViewEditor:qH}}},{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:jn("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:Do("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})}}])&&tX(e.prototype,n),r&&tX(e,r),i}(Ao);function aX(t){return(aX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cX(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return uX(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return uX(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function uX(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function sX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function lX(t,e){for(var n=0;n<e.length;n++){var 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(fX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hX(t);if(e){var o=hX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yX(this,n)}}function yX(t,e){return!e||"object"!==aX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hX(t){return(hX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var dX=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],vX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fX(t,e)}(i,t);var e,n,r,o=pX(i);function i(){return sX(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{key:"initState",value:function(){var t=cX(yb.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:Do("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&dX.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:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(dX.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:jn("$selector button"),value:function(t){var e=t.$dt.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})}}])&&lX(e.prototype,n),r&&lX(e,r),i}(Ao);function bX(t){return(bX="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 wX(t,e){return(wX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function OX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=SX(t);if(e){var o=SX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return kX(this,n)}}function kX(t,e){return!e||"object"!==bX(e)&&"function"!=typeof e?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)}var jX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=OX(i);function i(){return mX(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"afterRender",value:function(){var t=this;this.colorPicker=wv.create({$editor:this.$editor,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'\n      <div ref="$color"></div>\n    '}},{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)}}])&&gX(e.prototype,n),r&&gX(e,r),i}(Ao);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 xX(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return RX(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return RX(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function RX(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function $X(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function EX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _X(t,e){return(_X=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function CX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=DX(t);if(e){var o=DX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return TX(this,n)}}function TX(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 DX(t){return(DX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var AX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=CX(i);function i(){return $X(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=(this.props.icons||"").split(e).map((function(t){return t.trim()})),o=(this.props.colors||"").split(e).map((function(t){return t.trim()})),i=this.props.value||"";return{keyValueChar:t,label:this.props.label||"",options:n,icons:r,colors:o,value:i}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-icon-editor ".concat(t?"has-label":"","'>\n                ").concat(t?'<label title="'.concat(t,'">').concat(t,"</label>"):"","\n                <div class='items' ref='$options'></div>\n            </div>\n        ")}},{key:jn("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:ur("$options")+er,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e,o=e,i="";if((c=e).includes(t.state.keyValueChar)){var a=xX(c.split(t.state.keyValueChar),2),c=a[0];r=a[1]}var u=c===t.state.value,s=u?"selected":"";if(""===e)r=Wb.close,o="close";else{var l=t.state.icons[n];Wb[l]&&(i="icon"),o=r,r=Wb[l]||r||l||e}var f=t.state.colors[n],p={};return u&&f&&(p["background-color"]=f),"<div class='select-icon-item ".concat(s," ").concat(i,"' style='").concat(Q(p),"' data-value=\"").concat(c,"\" title='").concat(o,"'>").concat(r,"</div>")}))}},{key:jn("$options .select-icon-item"),value:function(t){var e=t.$dt.attr("data-value");this.updateData({value:e}),this.refresh()}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&EX(e.prototype,n),r&&EX(e,r),i}(Ao);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 VX(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function MX(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VX(Object(n),!0).forEach((function(e){LX(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VX(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(FX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XX(t);if(e){var o=XX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HX(this,n)}}function HX(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 XX(t){return(XX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FX(t,e)}(i,t);var e,n,r,o=GX(i);function i(){return BX(this,i),o.apply(this,arguments)}return e=i,(n=[{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(MX({},t))}},{key:pr("$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:jn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:Do("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(MX({},t))}}])&&zX(e.prototype,n),r&&zX(e,r),i}(Ao);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function UX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function WX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 qX(t,e){return(qX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tY(t);if(e){var o=tY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QX(this,n)}}function QX(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 tY(t){return(tY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JX(i);function i(){return WX(this,i),o.apply(this,arguments)}return e=i,(n=[{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]:{};e%2?KX(Object(n),!0).forEach((function(e){UX(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KX(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:pr("$miniView"),value:function(){return{style:{"background-image":this.state.image,"background-size":"cover",color:this.props.color}}}},{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:jn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:Do("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}])&&ZX(e.prototype,n),r&&ZX(e,r),i}(Ao);function nY(t){return(nY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 iY(t,e){return(iY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uY(t);if(e){var o=uY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cY(this,n)}}function cY(t,e){return!e||"object"!==nY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uY(t){return(uY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iY(t,e)}(i,t);var e,n,r,o=aY(i);function i(){return rY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:uC.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:uC.parseImage(t)})}},{key:pr("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:pr("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:pr("$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,n=(t.removable,t.simple);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 ").concat(n?"simple":"","' ref='$colors'></div>\n            </div>\n        ")}},{key:jn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:Do("changeFillSingle"),value:function(t,e){this.updateData({image:uC.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}])&&oY(e.prototype,n),r&&oY(e,r),i}(Ao);function lY(t){return(lY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fY(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 yY(t){return function(t){if(Array.isArray(t))return hY(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return hY(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return hY(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function hY(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function dY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(bY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wY(t);if(e){var o=wY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gY(this,n)}}function gY(t,e){return!e||"object"!==lY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wY(t){return(wY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OY=["static-gradient","linear-gradient","radial-gradient","image-resource"],kY={"image-resource":Wb.photo},SY={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%"}},jY=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],PY=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],xY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=mY(i);function i(){return dY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SL,RangeEditor:mM,SelectIconEditor:AX,SelectEditor:sM}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:uC.parseImage(this.props.value||"transparent")||I_.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:uC.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(Wb.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Wb.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(OY.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(kY[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='").concat(this.$i18n("fill.editor.offset"),"' ref='$range' key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n                <div data-editor='spreadMethod'>\n                  <SelectIconEditor label='").concat(this.$i18n("fill.editor.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(PY.map((function(n){var r=t.$i18n("fill.editor."+n);return"\n                    <div data-editor='".concat(n,"'>\n                      <RangeEditor label='").concat(r,"' 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(M(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:An("$file"),value:function(t){var e=this;this.$selection.currentProject&&yY(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:jn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");SY[e]&&(this.state.image.reset(SY[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 ln.parse(this.getImageFieldValue(this.state.image,t))}},{key:pr("$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:pr("$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:pr("$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:pr("$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:pr("$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:Gn("$pointerDrawArea circle[data-type]")+or("moveDragPointer"),value:function(t){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=t.xy,this.type=t.$dt.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:ln.percent((e-i)/r*100),top:ln.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:jn("$tab .picker-tab-item"),value:function(t){var e=this,n=t.$dt.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={};jY.forEach((function(t){o[t]=e.children["$".concat(t)].getValue()})),this.state.image=uC.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fY(Object(n),!0).forEach((function(e){pY(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fY(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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",this.$i18n("fill.editor.message.click.image")):this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.drag.position"))}},{key:Do("changeKeyValue"),value:function(t,e){this.state.image.reset(pY({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:Do("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:jn("$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:pr("$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:pr("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:pr("$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:ur("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return"\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>')}))}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.children.$range.setValue(ln.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Gn("$stepList .step")+or(),value:function(t){var e=t.$dt.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(ln.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(Fu.toColorString(t.colorsteps),")")}},{key:Do("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:Do("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"}}])&&vY(e.prototype,n),r&&vY(e,r),i}(Ao);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 $Y(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return EY(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return EY(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function EY(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function _Y(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function CY(t,e){for(var n=0;n<e.length;n++){var 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(TY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function DY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=IY(t);if(e){var o=IY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return AY(this,n)}}function AY(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 IY(t){return(IY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var VY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=DY(i);function i(){return _Y(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Wb.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Wb.remove,"</button>\n            </div>\n        ")}},{key:jn("$remove"),value:function(t){this.updateData({value:""})}},{key:jn("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$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(){this.load()}},{key:pr("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:ur("$options"),value:function(){var t=this,e=this.$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=$Y(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",this.$i18n("svgfilter.select.editor.message.create")):"-"===t?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.select")):this.emit("addStatusBarMessage","")}},{key:An("$options"),value:function(){var t=this,e=this.refs.$options.value;"new"==e?this.emit("addSVGFilterAssetItem",(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:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$options")}},{key:Do("openSVGFilterPopup"),value:function(t){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:t,filters:e.filters})}},{key:Do("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}])&&CY(e.prototype,n),r&&CY(e,r),i}(Ao);function MY(t){return(MY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(zY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function FY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=HY(t);if(e){var o=HY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return GY(this,n)}}function GY(t,e){return!e||"object"!==MY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HY(t){return(HY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var XY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zY(t,e)}(i,t);var e,n,r,o=FY(i);function i(){return LY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:ln.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:pr("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:In("$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)}}])&&BY(e.prototype,n),r&&BY(e,r),i}(Ao);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NY(Object(n),!0).forEach((function(e){UY(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NY(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 WY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qY(t,e){return(qY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tN(t);if(e){var o=tN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QY(this,n)}}function QY(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 tN(t){return(tN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JY(i);function i(){return WY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX}}},{key:"getDirectionOptions",value:function(){return this.makeOptionsFunction("row,column,row-reverse,column-reverse")}},{key:"getWrapOptions",value:function(){return this.makeOptionsFunction("nowrap,wrap,wrap-reverse")}},{key:"getJustifyContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around")}},{key:"getAlignItemsOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,baseline,stretch")}},{key:"getAlignContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around,stretch")}},{key:"makeOptionsFunction",value:function(t){var e=this;return t.split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("flex.layout.editor."+t))})).join(",")}},{key:"initState",value:function(){return KY({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(KY({},tt(t)))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(this.getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(this.getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"]||"flex-start",'"\n                    options="').concat(this.getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"]||"flex-start",'"\n                    options="').concat(this.getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"]||"flex-start",'"\n                    options="').concat(this.getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(UY({},t,e),!1),this.modifyData()}}])&&ZY(e.prototype,n),r&&ZY(e,r),i}(Ao);function nN(t){return(nN="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return oN(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return oN(t,e)}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oN(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function iN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cN(t,e){return(cN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lN(t);if(e){var o=lN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sN(this,n)}}function sN(t,e){return!e||"object"!==nN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lN(t){return(lN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fN=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,pN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=uN(i);function i(){return iN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sM,NumberInputEditor:PV,InputRangeEditor:SL}}},{key:"getLayoutItemOptions",value:function(){var t=this;return"none,auto,repeat,length".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("grid.box.editor.".concat(e)))})).join(",")}},{key:"initState",value:function(){return{label:this.props.label,list:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){for(var e=null,n=[];null!==(e=fN.exec(t));){var r=e[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var o=r.split("repeat(")[1].split(")");o.pop();var i=rN(o.join("").split(",")),a=i[0],c=i.slice(1);n.push({type:"repeat",count:a,value:c.join(", ")})}else n.push({type:"length",count:1,value:r})}return n}},{key:"getValue",value:function(){return this.state.list.map((function(t){return"repeat"===t.type?"repeat(".concat(t.count,", ").concat(t.value,")"):"auto"===t.type||"none"===t.type?t.type:t.value})).join(" ")}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(t,e){return"\n            <div class='item' data-repeat-type='".concat(t.type,"' data-index='").concat(e,"' >\n                <div class='repeat'>\n                    <SelectEditor \n                        ref='$").concat(e,"-type' \n                        options=\"").concat(this.getLayoutItemOptions(),'" \n                        key="type" \n                        value="').concat(t.type||"auto",'" \n                        params="').concat(e,"\" \n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='count'>\n                    <NumberInputEditor \n                        ref='$").concat(e,'-count\' \n                        key="count" \n                        value="').concat(t.count,'" \n                        params="').concat(e,"\" \n                        max='1000'\n                        onchange=\"changeKeyValue\" />\n                </div>                \n                <div class='value'>\n                    <InputRangeEditor \n                        ref='$").concat(e,'-value\' \n                        key="value" \n                        value="').concat(t.value,'" \n                        params="').concat(e,"\" \n                        units='auto,fr,px,em,%'\n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Wb.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:ur("$list"),value:function(){var t=this;return this.state.list.map((function(e,n){return t.makeItem(e,n)}))}},{key:"template",value:function(){return"\n            <div class='grid-box-editor' ref='$body' >\n                <div class='grid-box-editor-item'>\n                    <div class='item header'>\n                        <div class='repeat'>\n                            <label>".concat(this.state.label," </label>\n                            <button type='button' ref='$add'>").concat(Wb.add,"</button>\n                        </div>\n                        <div class='count'>").concat(this.$i18n("grid.box.editor.count"),"</div>\n                        <div class='value'>").concat(this.$i18n("grid.box.editor.value"),"</div>\n                        <div class='tools'></div>\n                    </div>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        ")}},{key:jn("$list .remove"),value:function(t){var e=+t.$dt.closest("item").attr("data-index");this.state.list.splice(e,1),this.refresh(),this.modifyData()}},{key:jn("$list .copy"),value:function(t){var e=+t.$dt.closest("item").attr("data-index"),n=clone(this.state.list[e]);this.state.list.splice(e,0,n),this.refresh(),this.modifyData()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:Do("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:Do("changeKeyValue"),value:function(t,e,n){var r=+n,o=this.state.list[r];o&&("type"===t&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",e),o[t]=e),this.modifyData()}}])&&aN(e.prototype,n),r&&aN(e,r),i}(Ao);function yN(t){return(yN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vN(t,e){return(vN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gN(t);if(e){var o=gN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mN(this,n)}}function mN(t,e){return!e||"object"!==yN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gN(t){return(gN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vN(t,e)}(i,t);var e,n,r,o=bN(i);function i(){return hN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{key:"initState",value:function(){return{label:this.props.label,value:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){return ln.parse(t)}},{key:"getValue",value:function(){return this.state.value}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(){return"\n            <div class='item'>\n                <div class='value'>\n                    <RangeEditor\n                        label='".concat(this.state.label,"' \n                        ref='$value' \n                        key=\"value\" \n                        value=\"").concat(this.state.value,'" \n                        units=\'px,em,%\'\n                        onchange="changeKeyValue" />\n                </div>\n            </div>\n        ')}},{key:ur("$list"),value:function(){return this.makeItem()}},{key:"template",value:function(){return"\n            <div class='grid-gap-editor' ref='$body' >\n                <div class='grid-gap-editor-item'>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}])&&dN(e.prototype,n),r&&dN(e,r),i}(Ao);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 kN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kN(Object(n),!0).forEach((function(e){jN(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function PN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RN(t,e){return(RN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $N(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_N(t);if(e){var o=_N(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EN(this,n)}}function EN(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 _N(t){return(_N=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var CN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$N(i);function i(){return PN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX,GridBoxEditor:pN,GridGapEditor:wN}}},{key:"initState",value:function(){return SN({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(SN({},tt(t)))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='".concat(this.$i18n("grid.layout.editor.template.columns"),"'\n                    ref='$columnBox'\n                    key='grid-template-columns'\n                    value=\"").concat(this.state["grid-template-columns"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.column.gap"),"'\n                    key='grid-column-gap'\n                    value=\"").concat(this.state["grid-column-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='").concat(this.$i18n("grid.layout.editor.template.rows"),"'\n                    ref='$rowBox'\n                    key='grid-template-rows'\n                    value=\"").concat(this.state["grid-template-rows"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.row.gap"),"'                \n                    key='grid-row-gap'\n                    value=\"").concat(this.state["grid-row-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(jN({},t,e),!1),this.modifyData()}}])&&xN(e.prototype,n),r&&xN(e,r),i}(Ao);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 DN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function AN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function IN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function MN(t,e){return(MN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function LN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zN(t);if(e){var o=zN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return BN(this,n)}}function BN(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 zN(t){return(zN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var FN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MN(t,e)}(i,t);var e,n,r,o=LN(i);function i(){return IN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DN(Object(n),!0).forEach((function(e){AN(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(tt(t))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(AN({},t,e),!1),this.modifyData()}}])&&VN(e.prototype,n),r&&VN(e,r),i}(Ao);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 HN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XN(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function NN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KN(t,e){return(KN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function UN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ZN(t);if(e){var o=ZN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return WN(this,n)}}function WN(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 ZN(t){return(ZN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var qN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=UN(i);function i(){return YN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HN(Object(n),!0).forEach((function(e){XN(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(tt(t))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("grid.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='grid-direction'\n                    value=\"").concat(this.state["grid-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='grid-wrap'\n                    value=\"").concat(this.state["grid-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(XN({},t,e),!1),this.modifyData()}}])&&NN(e.prototype,n),r&&NN(e,r),i}(Ao);function JN(t){return(JN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tK(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?QN(Object(n),!0).forEach((function(e){eK(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):QN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 oK(t,e){return(oK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function iK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=cK(t);if(e){var o=cK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return aK(this,n)}}function aK(t,e){return!e||"object"!==JN(e)&&"function"!=typeof e?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)}var uK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oK(t,e)}(i,t);var e,n,r,o=iK(i);function i(){return nK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{index:this.props.index,x:ln.parse(this.props.x),y:ln.parse(this.props.y),width:ln.parse(this.props.width),height:ln.parse(this.props.height),lineWidth:ln.parse(this.props.linewidth),lineHeight:ln.parse(this.props.lineheight),backColor:this.props.backcolor,foreColor:this.props.forecolor,blendMode:this.props.blendmode,type:this.props.type}}},{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(tK({},t))}},{key:pr("$miniView"),value:function(){var t=tK({},this.state);return this.state.width.value>80&&(t.width=ln.px(80),t.x=ln.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=ln.px(80),t.y=ln.px(this.state.y.value/this.state.height.value/80)),{cssText:Af.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='pattern-size-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:jn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:Do("changePatternInfo"),value:function(t){this.updateData(tK({},t))}}])&&rK(e.prototype,n),r&&rK(e,r),i}(Ao),sK=[{key:"check",title:"Check",execute:function(){return[{pattern:"check(20px 20px, 10px 10px, black, transparent)"},{pattern:"check(40px 40px, 20px 20px, black, transparent)"},{pattern:"check(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"check(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"grid",title:"Grid",execute:function(){return[{pattern:"grid(20px 20px, 10px 10px, black, transparent)"},{pattern:"grid(40px 40px, 20px 20px, black, transparent)"},{pattern:"grid(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"grid(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"dot",title:"Dot",execute:function(){return[{pattern:"dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"dot(40px 40px, 20px 20px, #E7393F, #FEF0BC, normal, 2px)"},{pattern:"dot(60px 60px, 30px 30px, #E7393F, black, normal, 3px)"},{pattern:"dot(80px 80px, 40px 40px, #B7C4CD, white, normal, 4px)"}]}},{key:"cross-dot",title:"Cross Dot",execute:function(){return[{pattern:"cross-dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"cross-dot(40px 40px, 20px 20px, #DDB104, #FEF0BC, normal, 4px)"},{pattern:"cross-dot(60px 60px, 30px 30px, #35DB92, #DCF9EC, normal, 6px)"}]}},{key:"diagonal-line",title:"Diagonal Line",execute:function(){return[{pattern:"diagonal-line(10px 10px, 45deg, #B7C4CD, white, normal, 1px)"},{pattern:"diagonal-line(25px 25px, 90deg, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"diagonal-line(50px 50px, 135deg, #35DB92, #DCF9EC, normal, 3px)"}]}},{key:"vertical-line",title:"Vertical Line",execute:function(){return[{pattern:"vertical-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"vertical-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"vertical-line(50px 50px, 0, black, rgba(231,57,63,0.9), normal, 1px)"}]}},{key:"horizontal-line",title:"Horizontal Line",execute:function(){return[{pattern:"horizontal-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"horizontal-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"horizontal-line(50px 50px, 0, #35DB92, #DCF9EC, normal, 3px)"}]}}];function lK(t){return(lK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fK(t){return function(t){if(Array.isArray(t))return pK(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return pK(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pK(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pK(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function yK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dK(t,e){return(dK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mK(t);if(e){var o=mK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bK(this,n)}}function bK(t,e){return!e||"object"!==lK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mK(t){return(mK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gK={MediaProgressEditor:IF,BlendSelectEditor:kH,PatternEditor:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vK(i);function i(){return yK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sM,ColorSingleEditor:VM,PatternSizeEditor:uK}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],value:this.props.value,patterns:this.parsePattern(this.props.value)}}},{key:"parsePattern",value:function(t){return Af.parseStyle(t)}},{key:"setValue",value:function(t){this.setState({value:t,patterns:this.parsePattern(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='pattern-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(Wb.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:ur("$patternList"),value:function(){var t=this;return this.state.patterns.map((function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n            <div class='pattern-item ".concat(r,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,"\"  draggable='true'>\n                <PatternSizeEditor ").concat(et({key:"pattern-size",ref:"$bp".concat(n),type:e.type,x:e.x,y:e.y,width:e.width,height:e.height,index:n,foreColor:e.foreColor,backColor:e.backColor,blendMode:e.blendMode,lineWidth:e.lineWidth,lineHeight:e.lineHeight})," onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(Wb.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=Af.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Do("add"),value:function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",n=sK.find((function(t){return t.key===e}));n&&((t=this.state.patterns).push.apply(t,fK(Af.parseStyle(n.execute()[0].pattern))),this.refresh(),this.modifyPattern())}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:En("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$patternList .pattern-item")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fK(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:_n("$patternList .pattern-item")+ar,value:function(t){var e=+t.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortPattern(this.startIndex,e),this.modifyPattern(),this.refresh()}},{key:"getCurrentPattern",value:function(){return this.state.patterns[this.selectedIndex]}},{key:jn("$patternList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.patterns.splice(e,1),this.modifyPattern(),this.refresh()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?this.refs["fillIndex".concat(t)].addClass("selected"):this.refs["fillIndex".concat(t)].removeClass("selected"),this.state.patterns.forEach((function(e,n){e.selected=n===t}))}},{key:Do("changePatternSizeInfo")+nr(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}])&&hK(e.prototype,n),r&&hK(e,r),i}(Ao),PatternSizeEditor:uK,GridGapEditor:wN,NumberInputEditor:PV,GridLayoutItemEditor:qN,GridBoxEditor:pN,FlexLayoutItemEditor:FN,GridLayoutEditor:CN,FlexLayoutEditor:eN,TextAreaEditor:XY,ColorMatrixEditor:QG,FuncFilterEditor:HG,SVGFilterSelectEditor:VY,FillEditor:xY,FillSingleEditor:sY,BorderEditor:PF,BorderValueEditor:dF,GradientSingleEditor:eY,BackgroundPositionEditor:YX,OffsetPathListEditor:rF,PolygonDataEditor:Kz,PathDataEditor:Bz,StrokeDashArrayEditor:Rz,InputRangeEditor:SL,SelectIconEditor:AX,ImageSelectEditor:lH,EmbedColorPicker:jX,IconListViewEditor:qH,InputArrayEditor:PG,DirectionEditor:vX,SVGClipPathEditor:iX,NumberRangeEditor:rz,TextEditor:bG,SVGFilterEditor:HH,CircleEditor:sG,BackgroundImageEditor:YV,BoxShadowEditor:QV,BorderRadiusEditor:$M,ColorSingleEditor:VM,ColorViewEditor:XM,CubicBezierEditor:tL,FilterEditor:hL,GradientEditor:zL,IterationCountEditor:JL,OffsetEditor:QF,CSSPropertyEditor:HF,PerspectiveOriginEditor:WB,RangeEditor:mM,SelectEditor:sM,TextShadowEditor:gz,TransformEditor:SB,TransformOriginEditor:VB,VarEditor:uB};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 OK(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jK(t,e){return(jK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function PK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=RK(t);if(e){var o=RK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xK(this,n)}}function xK(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 RK(t){return(RK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $K={"segment-move":"modify",modify:"modify",path:"path",transform:"transform"},EK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jK(t,e)}(i,t);var e,n,r,o=PK(i);function i(){return kK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return gK}},{key:Do("refreshSelection"),value:function(){var t=this.$selection.current;t&&(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"]||ln.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||ln.number(1)))}},{key:"template",value:function(){return this.$selection.current,"\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='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(Wb.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Wb.control_point,"</button>\n            <button type=\"button\" data-value='transform' title='").concat(this.$i18n("path.manager.mode.transform"),"' > ").concat(Wb.format_shapes,"</button>\n        </div>\n        <div class='tools' ref='$flip'>\n            <button type=\"button\" data-value='flipX' title='").concat(this.$i18n("path.manager.mode.flipX"),"'>").concat(Wb.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Wb.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Wb.flip,"</button>\n        </div>\n        <div class='tools'>      \n          <div >\n            <FillSingleEditor ref='$fill' simple=\"true\" label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n          </div>\n\n\n          <div >\n            <FillSingleEditor ref='$stroke' simple=\"true\"  label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n          </div>      \n\n          <div >\n            <NumberInputEditor \n              ref='$fillOpacity' \n              label='").concat(this.$i18n("svg.item.property.fillOpacity"),'\' \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          <div >\n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              label=\'').concat(this.$i18n("svg.item.property.strokeWidth"),'\' \n              key="stroke-width" \n              onchange="changeValue" />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:Do("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}),this.emit("setAttribute",{stroke:e},null,!0))}},{key:Do("changeValue"),value:function(t,e,n){this.emit("setAttribute",OK({},t,e),null,!0),this.updateData(OK({},t,e))}},{key:pr("$mode"),value:function(){return{"data-selected-value":$K[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:jn("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:jn("$mode button"),value:function(t){var e=t.$dt.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,t)}},{key:Do("changePathManager"),value:function(t){this.setState({mode:t})}},{key:Do("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),this.emit("change.mode.view","PathEditorView")}},{key:Do("hidePathManager"),value:function(){this.$el.hide()}}])&&SK(e.prototype,n),r&&SK(e,r),i}(Ao);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 CK(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function DK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 IK(t,e){return(IK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function VK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=LK(t);if(e){var o=LK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return MK(this,n)}}function MK(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 LK(t){return(LK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var BK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=VK(i);function i(){return DK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?CK(Object(n),!0).forEach((function(e){TK(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CK(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},gK)}},{key:Do("refreshSelection"),value:function(){var t=this.$selection.current;t&&(this.children.$stroke.setValue(t.stroke||"rgba(0, 0, 0, 1)"),this.children.$strokeWidth.setValue(t["stroke-width"]||ln.number(1)))}},{key:Do("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}))}},{key:"template",value:function(){return"\n      <div class='draw-manager'>\n        <div class='tools'>   \n          <div >        \n            <label>".concat(this.$i18n("draw.manager.tolerance"),'</label>            \n            <NumberInputEditor \n              ref=\'$tolerance\' \n              key=\'tolerance\' \n              value="1" \n              min="0"\n              max="100"\n              step="0.01"\n              unit="number" \n              onchange="changeValue" \n            />\n          </div>              \n          <div >\n            <label>').concat(this.$i18n("svg.item.property.stroke"),'</label>          \n            <FillSingleEditor ref=\'$stroke\' simple="true" value="').concat(this.state.stroke,'" key=\'stroke\' onchange="changeValue" />\n          </div>                \n\n          <div >\n            <label>').concat(this.$i18n("svg.item.property.strokeWidth"),'</label>          \n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              key="stroke-width" \n              value="').concat(this.state["stroke-width"],'"              \n              onchange="changeValue" />\n          </div>      \n          \n\n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineCap"),'</label>          \n            <SelectEditor\n              ref=\'$strokeLineCap\' \n              key="stroke-linecap" \n              value="').concat(this.state["stroke-linecap"],'"                   \n              options="butt,round,square" \n              onchange="changeValue" \n            />\n          </div> \n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineJoin"),'</label>          \n            <SelectEditor \n              ref=\'$strokeLineJoin\' \n              key="stroke-linejoin" \n              value="').concat(this.state["stroke-linejoin"],'"                                 \n              options="miter,bevel,round" \n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:Do("changeValue"),value:function(t,e,n){this.updateData(TK({},t,e))}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.instance.trigger(this.state.changeEvent,t)}},{key:Do("changePathManager"),value:function(t){this.setState({mode:t})}},{key:Do("showDrawManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changeDrawManager",this.setState(t),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("hidePathManager")}},{key:Do("hideDrawManager"),value:function(){this.$el.hide()}}])&&AK(e.prototype,n),r&&AK(e,r),i}(Ao);function zK(t){return(zK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 HK(t,e){return(HK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function XK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=NK(t);if(e){var o=NK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return YK(this,n)}}function YK(t,e){return!e||"object"!==zK(e)&&"function"!=typeof e?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)}var KK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=XK(i);function i(){return FK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{PathManager:EK,DrawManager:BK}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <PathManager />\n        <DrawManager />\n        <SelectionManager />\n      </div>\n    "}}])&&GK(e.prototype,n),r&&GK(e,r),i}(Ao);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 WK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(qK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tU(t);if(e){var o=tU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QK(this,n)}}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 tU(t){return(tU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eU=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],nU={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},rU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JK(i);function i(){return WK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n            <div class='rotate-editor-view'>            \n                <div class='rotate-area' ref='$rotateArea'>\n                    <div class='rotate-container' ref='$rotateContainer'>\n                        <div class='rotate-item rotate-x'></div>\n                        <div class='rotate-item rotate-y'></div>\n                    </div>\n                </div>\n                <div class='direction-area' ref='$directionArea'>\n                    ".concat(eU.map((function(t){return"<div class='direction' data-value='".concat(t,"'></div>")})).join(""),"\n                </div>                \n                <div class='rotate-z' ref='$rotateZ'>\n                    <div class='handle-line'></div>                \n                    <div class='handle icon' ref='$handle'>").concat(Wb.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:jn("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=ln.deg(nU[e]||0);this.$selection.each((function(t){var e=Pi.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.$selection.setRectCache()}},{key:pr("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Pi.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:pr("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Pi.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:Pn("$rotateArea"),value:function(){this.$selection.each((function(t){t.reset({transform:Pi.remove(t.transform,["rotateX","rotateY"])})})),this.bindData("$rotateContainer"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:Gn("$rotateArea")+or("moveRotateXY")+ir("moveEndRotateXY"),value:function(){this.setCacheRotateXY()}},{key:"setCacheRotateXY",value:function(){this.setCacheBaseTrasnform("rotateX","rotateY")}},{key:"moveRotateXY",value:function(t,e){this.modifyRotateXY(t,e),this.bindData("$rotateContainer"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"moveEndRotateXY",value:function(t,e){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{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=ln.deg(-e/this.$editor.scale),o=ln.deg(t/this.$editor.scale);this.$selection.each((function(t,e){n.modifyCacheItem(t,e,ln.deg(0),"rotateX",r),n.modifyCacheItem(t,e,ln.deg(0),"rotateY",o),t.transform=Pi.join(t.transformObj)}))}},{key:Pn("$handle"),value:function(){this.$selection.each((function(t){t.reset({transform:Pi.remove(t.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:Gn("$handle")+or()+ir(),value:function(){this.setCacheRotateZ()}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"end",value:function(){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{key:"modifyRotateZ",value:function(t,e){var n=this,r=this.$config.get("bodyEvent"),o=ln.deg(Math.floor(Ot(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.$selection.each((function(t,e){var i=ln.deg(0);e.rotateZ?i.set(e.rotateZ.value[0].value):e.rotate&&i.set(e.rotate.value[0].value),i.add(o.value),r.altKey&&i.add(-i.value%10),n.setTransformValue(t,"rotateZ",i),t.transform=Pi.join(t.transformObj)}))}},{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:"setCacheBaseTrasnform",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.$selection.each((function(t,n){t.transformObj=Pi.parseStyle(t.transform),n.transformObj=Pi.parseStyle(n.transform),e.forEach((function(t){n[t]=n.transformObj.filter((function(e){return e.type===t}))[0]}))}))}},{key:"setCacheRotateZ",value:function(){var t=this.refs.$handle.rect(),e=this.refs.$rotateZ.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:Do("refreshSelection"),value:function(){this.refresh()}}])&&ZK(e.prototype,n),r&&ZK(e,r),i}(Ao);function oU(t){return(oU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cU(t,e){return(cU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lU(t);if(e){var o=lU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sU(this,n)}}function sU(t,e){return!e||"object"!==oU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lU(t){return(lU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=uU(i);function i(){return iU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{PageTools:DV,ElementView:bV,PageSubEditor:KK,RotateEditorView:rU}}},{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 scrollbar' ref='$lock'>\n            <ElementView ref='$elementView' />\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <PageTools />\n        <RotateEditorView />\n      </div>\n    "}},{key:Nn("$lock")+tr+ar+rr(10),value:function(t){var e=t.deltaY<0?1.1:.9;this.emit("changeScaleValue",this.$editor.scale*e)}}])&&aU(e.prototype,n),r&&aU(e,r),i}(Ao);function pU(t){return(pU="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dU(t,e){return(dU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mU(t);if(e){var o=mU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bU(this,n)}}function bU(t,e){return!e||"object"!==pU(e)&&"function"!=typeof e?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){return(mU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vU(i);function i(){return yU(this,i),o.apply(this,arguments)}return e=i,(n=[{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:jn(),value:function(t){this.clickButton(t)}}])&&hU(e.prototype,n),r&&hU(e,r),i}(Ao);function wU(t){return(wU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SU(t,e){return(SU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xU(t);if(e){var o=xU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return PU(this,n)}}function PU(t,e){return!e||"object"!==wU(e)&&"function"!=typeof e?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){return(xU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var RU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&SU(t,e)}(i,t);var e,n,r,o=jU(i);function i(){return OU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.github.title")}},{key:"clickButton",value:function(t){window.open("https://github.com/easylogic/editor","github-window")}}])&&kU(e.prototype,n),r&&kU(e,r),i}(gU);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 EU(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _U(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function CU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function TU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DU(t,e){return(DU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function AU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=VU(t);if(e){var o=VU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return IU(this,n)}}function IU(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 VU(t){return(VU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var MU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=AU(i);function i(){return CU(this,i),o.apply(this,arguments)}return e=i,(n=[{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\'>'.concat(this.$i18n("menu.item.codepen.title"),"</div>\n      </button>\n    </form>     \n    ")}},{key:Fn(),value:function(){var t=_c.generate(this.$editor);return this.refs.$codepen.val(JSON.stringify(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?EU(Object(n),!0).forEach((function(e){_U(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):EU(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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}}])&&TU(e.prototype,n),r&&TU(e,r),i}(Ao);function LU(t){return(LU="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zU(t,e){for(var n=0;n<e.length;n++){var 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(FU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XU(t);if(e){var o=XU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HU(this,n)}}function HU(t,e){return!e||"object"!==LU(e)&&"function"!=typeof e?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){return(XU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FU(t,e)}(i,t);var e,n,r,o=GU(i);function i(){return BU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","rect")}}])&&zU(e.prototype,n),r&&zU(e,r),i}(gU);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 KU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WU(t,e){return(WU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JU(t);if(e){var o=JU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qU(this,n)}}function qU(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 JU(t){return(JU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var QU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WU(t,e)}(i,t);var e,n,r,o=ZU(i);function i(){return KU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.lens}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","circle")}}])&&UU(e.prototype,n),r&&UU(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(rW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function oW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=aW(t);if(e){var o=aW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return iW(this,n)}}function iW(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 aW(t){return(aW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var cW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=oW(i);function i(){return eW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.left}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.left")}}])&&nW(e.prototype,n),r&&nW(e,r),i}(gU);function uW(t){return(uW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 fW(t,e){return(fW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hW(t);if(e){var o=hW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yW(this,n)}}function yW(t,e){return!e||"object"!==uW(e)&&"function"!=typeof e?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)}var dW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=pW(i);function i(){return sW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.right}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.right")}}])&&lW(e.prototype,n),r&&lW(e,r),i}(gU);function vW(t){return(vW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mW(t,e){for(var n=0;n<e.length;n++){var 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(gW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kW(t);if(e){var o=kW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OW(this,n)}}function OW(t,e){return!e||"object"!==vW(e)&&"function"!=typeof e?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)}var SW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gW(t,e)}(i,t);var e,n,r,o=wW(i);function i(){return bW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.center}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.center")}}])&&mW(e.prototype,n),r&&mW(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RW(t,e){return(RW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $W(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_W(t);if(e){var o=_W(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EW(this,n)}}function EW(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 _W(t){return(_W=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var CW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$W(i);function i(){return PW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.top}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.top")}}])&&xW(e.prototype,n),r&&xW(e,r),i}(gU);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 DW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 IW(t,e){return(IW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function VW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=LW(t);if(e){var o=LW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return MW(this,n)}}function MW(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 LW(t){return(LW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var BW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=VW(i);function i(){return DW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.bottom}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.bottom")}}])&&AW(e.prototype,n),r&&AW(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(HW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function XW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=NW(t);if(e){var o=NW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return YW(this,n)}}function YW(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 NW(t){return(NW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var KW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HW(t,e)}(i,t);var e,n,r,o=XW(i);function i(){return FW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.middle}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.middle")}}])&&GW(e.prototype,n),r&&GW(e,r),i}(gU);function UW(t){return(UW="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZW(t,e){for(var n=0;n<e.length;n++){var 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(qW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tZ(t);if(e){var o=tZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QW(this,n)}}function QW(t,e){return!e||"object"!==UW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tZ(t){return(tZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JW(i);function i(){return WW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.same_height}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}])&&ZW(e.prototype,n),r&&ZW(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 iZ(t,e){return(iZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uZ(t);if(e){var o=uZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cZ(this,n)}}function cZ(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 uZ(t){return(uZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iZ(t,e)}(i,t);var e,n,r,o=aZ(i);function i(){return rZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.same_width}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.width")}}])&&oZ(e.prototype,n),r&&oZ(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yZ(t,e){return(yZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vZ(t);if(e){var o=vZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dZ(this,n)}}function dZ(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 vZ(t){return(vZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var bZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=hZ(i);function i(){return fZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"copy"}},{key:"getTitle",value:function(){return"Copy"}},{key:"clickButton",value:function(t){this.$selection.copy(),this.emit("refreshAll"),this.emit("refreshSelection")}},{key:Do("refreshSelection"),value:function(){this.$el.hide()}}])&&pZ(e.prototype,n),r&&pZ(e,r),i}(gU);function mZ(t){return(mZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wZ(t,e){for(var n=0;n<e.length;n++){var 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(OZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jZ(t);if(e){var o=jZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SZ(this,n)}}function SZ(t,e){return!e||"object"!==mZ(e)&&"function"!=typeof e?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)}var PZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OZ(t,e)}(i,t);var e,n,r,o=kZ(i);function i(){return gZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","text")}}])&&wZ(e.prototype,n),r&&wZ(e,r),i}(gU);function xZ(t){return(xZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EZ(t,e){return(EZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _Z(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TZ(t);if(e){var o=TZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CZ(this,n)}}function CZ(t,e){return!e||"object"!==xZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TZ(t){return(TZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EZ(t,e)}(i,t);var e,n,r,o=_Z(i);function i(){return RZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.launch}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(t){this.emit("showExportView")}}])&&$Z(e.prototype,n),r&&$Z(e,r),i}(gU);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 IZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MZ(t,e){return(MZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function LZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zZ(t);if(e){var o=zZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return BZ(this,n)}}function BZ(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 zZ(t){return(zZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var FZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=LZ(i);function i(){return IZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.note}},{key:"getTitle",value:function(){return this.$i18n("menu.item.learn.title")}},{key:"clickButton",value:function(t){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}])&&VZ(e.prototype,n),r&&VZ(e,r),i}(gU);function GZ(t){return(GZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function XZ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YZ(t,e){return(YZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function NZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=UZ(t);if(e){var o=UZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return KZ(this,n)}}function KZ(t,e){return!e||"object"!==GZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UZ(t){return(UZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var WZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=NZ(i);function i(){return HZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.cube}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cube")}}])&&XZ(e.prototype,n),r&&XZ(e,r),i}(gU);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 qZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function JZ(t,e){for(var n=0;n<e.length;n++){var 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(QZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nq(t);if(e){var o=nq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eq(this,n)}}function eq(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 nq(t){return(nq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tq(i);function i(){return qZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.photo}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addComponentType","image")}}])&&JZ(e.prototype,n),r&&JZ(e,r),i}(gU);function oq(t){return(oq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cq(t,e){return(cq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lq(t);if(e){var o=lq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sq(this,n)}}function sq(t,e){return!e||"object"!==oq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lq(t){return(lq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cq(t,e)}(i,t);var e,n,r,o=uq(i);function i(){return iq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.pentool}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(t){this.emit("addPath")}}])&&aq(e.prototype,n),r&&aq(e,r),i}(gU);function pq(t){return(pq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dq(t,e){return(dq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mq(t);if(e){var o=mq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bq(this,n)}}function bq(t,e){return!e||"object"!==pq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mq(t){return(mq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dq(t,e)}(i,t);var e,n,r,o=vq(i);function i(){return yq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.storage}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){this.emit("saveJSON")}}])&&hq(e.prototype,n),r&&hq(e,r),i}(gU);function wq(t){return(wq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Oq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sq(t,e){return(Sq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xq(t);if(e){var o=xq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pq(this,n)}}function Pq(t,e){return!e||"object"!==wq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xq(t){return(xq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Rq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sq(t,e)}(i,t);var e,n,r,o=jq(i);function i(){return Oq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.archive}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(t){this.emit("downloadJSON")}}])&&kq(e.prototype,n),r&&kq(e,r),i}(gU);function $q(t){return($q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Eq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _q(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Cq(t,e){return(Cq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Tq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Aq(t);if(e){var o=Aq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Dq(this,n)}}function Dq(t,e){return!e||"object"!==$q(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Aq(t){return(Aq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Iq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Cq(t,e)}(i,t);var e,n,r,o=Tq(i);function i(){return Eq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.near_me}},{key:"getIcon",value:function(){return"flipY"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(t){this.emit("selectItem")}}])&&_q(e.prototype,n),r&&_q(e,r),i}(gU);function Vq(t){return(Vq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Lq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bq(t,e){return(Bq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Gq(t);if(e){var o=Gq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Fq(this,n)}}function Fq(t,e){return!e||"object"!==Vq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Gq(t){return(Gq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Hq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Bq(t,e)}(i,t);var e,n,r,o=zq(i);function i(){return Mq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.outline_rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-rect")}}])&&Lq(e.prototype,n),r&&Lq(e,r),i}(gU);function Xq(t){return(Xq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Yq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Nq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Kq(t,e){return(Kq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Uq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Zq(t);if(e){var o=Zq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Wq(this,n)}}function Wq(t,e){return!e||"object"!==Xq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zq(t){return(Zq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var qq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kq(t,e)}(i,t);var e,n,r,o=Uq(i);function i(){return Yq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.outline_circle}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-circle")}}])&&Nq(e.prototype,n),r&&Nq(e,r),i}(gU);function Jq(t){return(Jq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(eJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function nJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=oJ(t);if(e){var o=oJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return rJ(this,n)}}function rJ(t,e){return!e||"object"!==Jq(e)&&"function"!=typeof e?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)}var iJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=nJ(i);function i(){return Qq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.fullscreen}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}])&&tJ(e.prototype,n),r&&tJ(e,r),i}(gU);function aJ(t){return(aJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sJ(t,e){return(sJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function lJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=pJ(t);if(e){var o=pJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fJ(this,n)}}function fJ(t,e){return!e||"object"!==aJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pJ(t){return(pJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var yJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=lJ(i);function i(){return cJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.text_rotate}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-textpath")}}])&&uJ(e.prototype,n),r&&uJ(e,r),i}(gU);function hJ(t){return(hJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bJ(t,e){return(bJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wJ(t);if(e){var o=wJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gJ(this,n)}}function gJ(t,e){return!e||"object"!==hJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wJ(t){return(wJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bJ(t,e)}(i,t);var e,n,r,o=mJ(i);function i(){return dJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.cylinder}},{key:"getTitle",value:function(){return this.props.title||"Cylinder"}},{key:"getClassName",value:function(){return"cylinder"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cylinder")}}])&&vJ(e.prototype,n),r&&vJ(e,r),i}(gU);function kJ(t){return(kJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PJ(t,e){return(PJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function xJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=$J(t);if(e){var o=$J(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return RJ(this,n)}}function RJ(t,e){return!e||"object"!==kJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $J(t){return($J=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var EJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=xJ(i);function i(){return SJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svgtext")}}])&&jJ(e.prototype,n),r&&jJ(e,r),i}(gU);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 CJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 DJ(t,e){return(DJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function AJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=VJ(t);if(e){var o=VJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return IJ(this,n)}}function IJ(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 VJ(t){return(VJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var MJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DJ(t,e)}(i,t);var e,n,r,o=AJ(i);function i(){return CJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(t){this.emit("showLoginWindow")}}])&&TJ(e.prototype,n),r&&TJ(e,r),i}(gU);function LJ(t){return(LJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FJ(t,e){return(FJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XJ(t);if(e){var o=XJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HJ(this,n)}}function HJ(t,e){return!e||"object"!==LJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XJ(t){return(XJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=GJ(i);function i(){return BJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(t){this.emit("showSignWindow")}}])&&zJ(e.prototype,n),r&&zJ(e,r),i}(gU);function NJ(t){return(NJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UJ(t,e){for(var n=0;n<e.length;n++){var 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){return(WJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JJ(t);if(e){var o=JJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qJ(this,n)}}function qJ(t,e){return!e||"object"!==NJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JJ(t){return(JJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var QJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WJ(t,e)}(i,t);var e,n,r,o=ZJ(i);function i(){return KJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.artboard}},{key:"getTitle",value:function(){return this.props.title||"Artboard"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addArtBoard")}}])&&UJ(e.prototype,n),r&&UJ(e,r),i}(gU);function tQ(t){return(tQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rQ(t,e){return(rQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function oQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=aQ(t);if(e){var o=aQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return iQ(this,n)}}function iQ(t,e){return!e||"object"!==tQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aQ(t){return(aQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var cQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rQ(t,e)}(i,t);var e,n,r,o=oQ(i);function i(){return eQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.edit}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addDrawPath")}}])&&nQ(e.prototype,n),r&&nQ(e,r),i}(gU);function uQ(t){return(uQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function lQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fQ(t,e){return(fQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hQ(t);if(e){var o=hQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yQ(this,n)}}function yQ(t,e){return!e||"object"!==uQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hQ(t){return(hQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var dQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fQ(t,e)}(i,t);var e,n,r,o=pQ(i);function i(){return sQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.brush}},{key:"getTitle",value:function(){return this.props.title||"draw a brush"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addDrawBrush")}}])&&lQ(e.prototype,n),r&&lQ(e,r),i}(gU);function vQ(t){return(vQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gQ(t,e){return(gQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kQ(t);if(e){var o=kQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OQ(this,n)}}function OQ(t,e){return!e||"object"!==vQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kQ(t){return(kQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var SQ={AddVideo:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gQ(t,e)}(i,t);var e,n,r,o=wQ(i);function i(){return bQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.video}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addComponentType","video")}}])&&mQ(e.prototype,n),r&&mQ(e,r),i}(gU),AddDrawBrush:dQ,AddDrawPath:cQ,AddArtboard:QJ,SignButton:YJ,LoginButton:MJ,AddSVGText:EJ,AddCylinder:OJ,AddSVGTextPath:yJ,Fullscreen:iJ,AddSVGCircle:qq,AddSVGRect:Hq,SelectTool:Iq,Download:Rq,Save:gq,AddCube:WZ,AddImage:rq,AddPath:fq,Manual:FZ,ExportView:DZ,AddText:PZ,CopyItem:bZ,SameHeight:eZ,SameWidth:sZ,TopAlign:CW,BottomAlign:BW,MiddleAlign:KW,CenterAlign:SW,RightAlign:dW,LeftAlign:cW,AddCircle:QU,AddRect:YU,ExportCodePen:MU,Github:RU};function jQ(t){return(jQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RQ(t,e){return(RQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $Q(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_Q(t);if(e){var o=_Q(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EQ(this,n)}}function EQ(t,e){return!e||"object"!==jQ(e)&&"function"!=typeof e?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)}var CQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RQ(t,e)}(i,t);var e,n,r,o=$Q(i);function i(){return PQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items'>\n            <SelectTool />\n            <AddRect />\n            <AddCircle />         \n            <AddText />\n            <AddImage />\n            <AddVideo />\n            <div class='divider'></div>\n            <AddDrawPath />\n            <AddPath />\n            <AddSVGRect />\n            <AddSVGCircle />            \n            <AddSVGText />\n            <AddSVGTextPath />\n            <AddPolygon />\n          </div>\n        </div>\n\n      </div>\n    "}},{key:Do("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:jn("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}])&&xQ(e.prototype,n),r&&xQ(e,r),i}(Ao);function TQ(t){return(TQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function AQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IQ(t,e){return(IQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function VQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=LQ(t);if(e){var o=LQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return MQ(this,n)}}function MQ(t,e){return!e||"object"!==TQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LQ(t){return(LQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var BQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IQ(t,e)}(i,t);var e,n,r,o=VQ(i);function i(){return DQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return gK}},{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='property ".concat(this.isHideHeader()?"no-title":""," ").concat(this.getClassName()," ").concat(this.isFirstShow()?"show":"","'>\n            ").concat(this.isHideHeader()?"":"\n            <div class='property-title ".concat(this.getTitleClassName(),'\' ref="$title">\n                <label class="').concat(this.hasKeyframe()?"has-keyframe":"",'"> \n                  ').concat(this.hasKeyframe()?"\n                      <span class='add-timeline-property' data-property='".concat(this.getKeyframeProperty(),"'></span>\n                    "):""," \n                  <span ref='$propertyTitle'>").concat(this.getTitle(),"</span>\n                  <span class='icon'>").concat(Wb.chevron_right,'</span>\n                </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:"getTitleClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:jn("$title label"),value:function(t){var e=t.$dt.parent(),n=dn.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:jn("$title .icon"),value:function(t){t.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:jn("$el .property-body .add-timeline-property")+ar+cr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:jn("$el .property-title .add-timeline-property")+ar+cr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{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=this.$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=this.$selection.current;n&&(X(t)&&t()||!X(t)&&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()}}}])&&AQ(e.prototype,n),r&&AQ(e,r),i}(Ao);function zQ(t){return(zQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function GQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HQ(t,e){return(HQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function XQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=NQ(t);if(e){var o=NQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return YQ(this,n)}}function YQ(t,e){return!e||"object"!==zQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NQ(t){return(NQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var KQ=["visible","hidden","scroll","auto"],UQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HQ(t,e)}(i,t);var e,n,r,o=XQ(i);function i(){return FQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return KQ.map((function(e){return"".concat(e,":").concat(t.$i18n("background.color.property.overflow.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$zIndex' \n            key='z-index' \n            label='".concat(this.$i18n("background.color.property.zindex"),"'\n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeSelect\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='opacity'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$opacity' \n            key='opacity' \n            label='").concat(this.$i18n("background.color.property.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          <div class='group'>\n            <span class='add-timeline-property' data-property='mix-blend-mode'></span>\n          </div>\n          <BlendSelectEditor \n            label='").concat(this.$i18n("background.color.property.blend"),"'\n            ref='$mixBlend' \n            removable='true'\n            key='mix-blend-mode' \n            icon=\"true\" \n            tabIndex=\"1\"\n            onchange=\"changeSelect\" />\n        </div>        \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='overflow'></span>\n          </div>\n          <SelectEditor \n            label='").concat(this.$i18n("background.color.property.overflow"),"'\n            ref='$overflow' \n            removable='true'\n            key='overflow' \n            icon=\"true\" \n            tabIndex=\"1\"\n            options=\"").concat(this.getOverflowList(),'" \n            onchange="changeSelect" />\n        </div>                \n      ')}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$zIndex.setValue(t["z-index"]||0),this.children.$opacity.setValue(t.opacity||"1"),this.children.$mixBlend.setValue(t["mix-blend-mode"]),this.children.$overflow.setValue(t.overflow))}},{key:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project"])}}])&&GQ(e.prototype,n),r&&GQ(e,r),i}(BQ);function WQ(t){return(WQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JQ(t,e){return(JQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function QQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=e0(t);if(e){var o=e0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return t0(this,n)}}function t0(t,e){return!e||"object"!==WQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function e0(t){return(e0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var n0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JQ(t,e)}(i,t);var e,n,r,o=QQ(i);function i(){return ZQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{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:ur("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <BorderRadiusEditor ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Do("changeBorderRadius"),value:function(t){console.log(t),this.emit("setAttribute",{"border-radius":t})}}])&&qQ(e.prototype,n),r&&qQ(e,r),i}(BQ);function r0(t){return(r0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function a0(t,e){return(a0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l0(t);if(e){var o=l0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s0(this,n)}}function s0(t,e){return!e||"object"!==r0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l0(t){return(l0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&a0(t,e)}(i,t);var e,n,r,o=c0(i);function i(){return o0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"isHideHeader",value:function(){return!0}},{key:"getTitle",value:function(){return this.$i18n("size.property.title")}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot("project")}},{key:Do("refreshRect")+rr(100),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:"getBody",value:function(){return"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; padding-top: 10px;'>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='width'></span>\n          </div>\n          <InputRangeEditor ref='$width' key='width' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='height'></span>      \n          </div>\n          <InputRangeEditor ref='$height' key='height' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>      \n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>".concat(this.$i18n("size.property.width"),"</span>\n        <span>").concat(this.$i18n("size.property.height"),"</span>\n      </div>\n    ")}},{key:Do("changRangeEditor"),value:function(t,e){this.$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("resetSelection")}}])&&i0(e.prototype,n),r&&i0(e,r),i}(BQ);function p0(t){return(p0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function b0(t,e){return(b0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=w0(t);if(e){var o=w0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return g0(this,n)}}function g0(t,e){return!e||"object"!==p0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w0(t){return(w0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var O0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b0(t,e)}(i,t);var e,n,r,o=m0(i);function i(){return h0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{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:ur("$shadowList"),value:function(){var t=this.$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(Wb.add,"</button>")}},{key:jn("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:Do("changeBoxShadow"),value:function(t){this.emit("setAttribute",{"box-shadow":t})}}])&&d0(e.prototype,n),r&&d0(e,r),i}(BQ);function k0(t){return(k0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function P0(t,e){return(P0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function R0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=E0(t);if(e){var o=E0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $0(this,n)}}function $0(t,e){return!e||"object"!==k0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E0(t){return(E0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _0(t){return function(t){if(Array.isArray(t))return C0(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return C0(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return C0(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C0(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var T0=[];["margin","padding"].forEach((function(t){T0.push.apply(T0,_0(["-top","-bottom","-left","-right"].map((function(e){return t+e}))))}));var D0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&P0(t,e)}(i,t);var e,n,r,o=R0(i);function i(){return S0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["artboard","rect","circle","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]||ln.px(0);return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:ur("$boxModelItem"),value:function(){var t=this.$selection.current;return t?'\n      <div>\n        <div class="margin" data-title="'.concat(this.$i18n("box.model.property.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" data-title="').concat(this.$i18n("box.model.property.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 class='content' title='Content'>\n        \n        </div>\n      </div>\n    "):""}},{key:In("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};T0.forEach((function(n){e[n]=ln.px(t.getRef("$",n).value)})),this.emit("setAttribute",e)}}])&&j0(e.prototype,n),r&&j0(e,r),i}(BQ);function A0(t){return(A0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function I0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function V0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function M0(t,e){return(M0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function L0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=z0(t);if(e){var o=z0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return B0(this,n)}}function B0(t,e){return!e||"object"!==A0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function z0(t){return(z0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var F0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&M0(t,e)}(i,t);var e,n,r,o=L0(i);function i(){return I0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Content"}},{key:Do("refreshSelection","refreshContent")+nr(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:pr("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:In("$contentItem"),value:function(t){this.setContent()}},{key:"setContent",value:function(){var t=this.$selection.current;if(t){var e={content:this.refs.$contentItem.value};t.reset(e),this.emit("refreshCanvasForPartial",t)}}}])&&V0(e.prototype,n),r&&V0(e,r),i}(BQ);function G0(t){return(G0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function H0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function X0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Y0(t,e){return(Y0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function N0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=U0(t);if(e){var o=U0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return K0(this,n)}}function K0(t,e){return!e||"object"!==G0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function U0(t){return(U0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var W0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y0(t,e)}(i,t);var e,n,r,o=N0(i);function i(){return H0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label='".concat(this.$i18n("font.property.color"),"' key='color' onchange=\"changeColor\" />\n      </div>      \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$size' \n          label='").concat(this.$i18n("font.property.size"),"' \n          key=\"font-size\" \n          \n          onchange=\"changeRangeEditor\" />\n      </div>\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-stretch'></span>\n        </div>\n        <RangeEditor \n          ref='$stretch' \n          label='").concat(this.$i18n("font.property.stretch"),"' \n          key=\"font-stretch\" \n          \n          units='%',\n          onchange=\"changeRangeEditor\" />\n      </div>      \n \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$weightRange' \n          label='").concat(this.$i18n("font.property.weight"),'\' \n          key=\'font-weight\' \n         \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=\'').concat(this.$i18n("font.property.style"),"' \n          key=\"font-style\" \n          options=\"normal:I,italic\" \n          icons='I,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          options=",serif,sans-serif,monospace,cursive,fantasy,system-ui" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:Do("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:Do("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&X0(e.prototype,n),r&&X0(e,r),i}(BQ);function Z0(t){return(Z0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function q0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function J0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Q0(t,e){return(Q0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function t1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=n1(t);if(e){var o=n1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return e1(this,n)}}function e1(t,e){return!e||"object"!==Z0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n1(t){return(n1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var r1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Q0(t,e)}(i,t);var e,n,r,o=t1(i);function i(){return q0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{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(Wb.add,"</button>")}},{key:jn("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:ur("$shadowList"),value:function(){var t=this.$selection.current||{};return"\n      <TextShadowEditor ref='$textshadow' value=\"".concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    ')}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["text"])}},{key:Do("changeTextShadow"),value:function(t){this.emit("setAttribute",{"text-shadow":t})}}])&&J0(e.prototype,n),r&&J0(e,r),i}(BQ);function o1(t){return(o1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c1(t,e){return(c1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f1(t);if(e){var o=f1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l1(this,n)}}function l1(t,e){return!e||"object"!==o1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f1(t){return(f1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c1(t,e)}(i,t);var e,n,r,o=s1(i);function i(){return i1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath","svg-tspan"])}},{key:"refresh",value:function(){var t=this.$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='".concat(this.$i18n("text.property.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='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:A,lowercase:a,capitalize:Aa\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$decoration' \n          label='").concat(this.$i18n("text.property.decoration"),"' \n          key='text-decoration' \n          options=\"none,underline,overline:O,line-through\" \n          icons=\"A,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:Do("changeTextValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&a1(e.prototype,n),r&&a1(e,r),i}(BQ);function h1(t){return(h1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m1(t,e){return(m1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function g1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=O1(t);if(e){var o=O1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return w1(this,n)}}function w1(t,e){return!e||"object"!==h1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function O1(t){return(O1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var k1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m1(t,e)}(i,t);var e,n,r,o=g1(i);function i(){return d1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||ln.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 animation-property-item'>\n      <div class='group'>\n        <span class='add-timeline-property' data-property='line-height'></span>\n      </div>\n      <RangeEditor \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),"' \n        key=\"line-height\" \n        units=\",px,%,em\"\n        onchange=\"changeRangeEditor\" />\n    </div>       \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='letter-spacing'></span>\n        </div>\n        <RangeEditor ref='$letter' label='").concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='word-spacing'></span>\n        </div>\n        <RangeEditor ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-indent'></span>\n        </div>      \n        <RangeEditor ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:Do("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=ln.number(e.value)),this.emit("setAttribute",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))}}])&&b1(e.prototype,n),r&&b1(e,r),i}(BQ);function S1(t){return(S1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function j1(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function P1(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?j1(Object(n),!0).forEach((function(e){R1(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):j1(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function R1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $1(t){return function(t){if(Array.isArray(t))return E1(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return E1(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E1(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E1(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function _1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T1(t,e){return(T1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I1(t);if(e){var o=I1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A1(this,n)}}function A1(t,e){return!e||"object"!==S1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I1(t){return(I1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V1=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],M1=V1.map((function(t){return t.key})),L1={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Wb.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Wb.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Wb.repeat," Conic")},B1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T1(t,e)}(i,t);var e,n,r,o=D1(i);function i(){return _1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Border Image"}},{key:Do("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var t=(this.$selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(t?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:jn("$apply"),value:function(){var t=this.$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:ur("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?L1[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:Do("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&M1.forEach((function(t){n.children["$".concat(t,"Slice")].setValue(e)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){return this.$selection.current,'\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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(V1.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:An("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:jn("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:jn("$borderImageView .colorsteps .step"),value:function(t){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var e=t.$dt.attr("data-colorstep-id");t.$dt.attr("data-selected",!0);var n=t.$dt.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=$1(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||un.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=un.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",P1(P1({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage)),{},{selectColorStepId:e,refresh:!0}))}},{key:"viewChangeImage",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(L1.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty())}}},{key:"setImage",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setImageUrl(t),this.viewChangeImage(t),this.emit("refreshElement",e))}},{key:"viewChangeGradient",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(L1[t.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(t.colorsteps)))}}},{key:"setGradient",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setGradient(t),this.viewChangeGradient(t),this.emit("refreshElement",e))}},{key:Do("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=this.$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 M1.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:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}])&&C1(e.prototype,n),r&&C1(e,r),i}(BQ);function z1(t){return(z1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function F1(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function G1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function H1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function X1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Y1(t,e){return(Y1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function N1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=U1(t);if(e){var o=U1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return K1(this,n)}}function K1(t,e){return!e||"object"!==z1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function U1(t){return(U1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var W1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y1(t,e)}(i,t);var e,n,r,o=N1(i);function i(){return H1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{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(Wb.add,"</button>\n    ")}},{key:ur("$animationList"),value:function(){var t=this,e=this.$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; ".concat(t.$i18n("animation.property.select a keyframe")," &gt;"),"\n              </div>\n              <div class='labels'>\n                <label class='count' title='").concat(t.$i18n("animation.property.iteration.count"),"'><small>").concat(e.iterationCount,"</small></label>\n                <label class='delay' title='").concat(t.$i18n("animation.property.delay"),"'><small>").concat(e.delay,"</small></label>\n                <label class='duration' title='").concat(t.$i18n("animation.property.duration"),"'><small>").concat(e.duration,"</small></label>\n                <label class='direction' title='").concat(t.$i18n("animation.property.direction"),"'><small>").concat(e.direction,"</small></label>\n                <label class='fill-mode' title='").concat(t.$i18n("animation.property.fill.mode"),"'><small>").concat(e.fillMode,"</small></label>\n                <label class='play-state' title='").concat(t.$i18n("animation.property.play.state"),"' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(e.playState,"\">\n                  <small data-play-state-value='running'>").concat(Wb.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Wb.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Wb.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=ux(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:Do("refreshSelection")+nr(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=this.$selection.current;e&&e.animations.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:jn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createAnimation({name:null}),this.emit("refreshElement",e)),this.refresh(),this.emit("refreshInspector")}},{key:En("$animationList .animation-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$animationList .animation-item")+ar,value:function(t){}},{key:_n("$animationList .animation-item")+ar,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:jn("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeAnimation(e),this.emit("refreshElement",n),this.refresh())}},{key:jn("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.animations[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentAnimation=this.current.animations[this.selectedIndex],this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(t){if(this.current=this.$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:jn("$animationList .preview"),value:function(t){this.viewAnimationPicker(t.$dt)}},{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 e.repeat?(n=this.getRef("repeat",this.selectedIndex)).text(e.repeat):e.timingFunction&&this.drawBezierCanvas(this.getRef("$itemCanvas",this.selectedIndex),e.timingFunction)}},{key:Do("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]:{};e%2?F1(Object(n),!0).forEach((function(e){G1(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):F1(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&X1(e.prototype,n),r&&X1(e,r),i}(BQ);function Z1(t){return(Z1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function q1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function J1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Q1(t,e){return(Q1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function t2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=n2(t);if(e){var o=n2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return e2(this,n)}}function e2(t,e){return!e||"object"!==Z1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n2(t){return(n2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var r2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Q1(t,e)}(i,t);var e,n,r,o=t2(i);function i(){return q1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{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(Wb.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(Wb.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Wb.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Wb.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:jn("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(t){var e=t.$dt.closest("keyframe-item"),n=+e.attr("data-index"),r=t.$dt.attr("data-type"),o=this.$selection.currentProject;if(o){var i=o.keyframes[n];i&&i.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:jn("$keyframeList .keyframe-item .offset-list"),value:function(t){var e=+t.$dt.closest("keyframe-item").attr("data-index");this.$selection.currentProject&&this.viewKeyframePicker(e)}},{key:jn("$keyframeList .del")+ar,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.currentProject;n&&(n.removeKeyframe(e),this.emit("refreshProject",n),this.refresh())}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot("project")}},{key:ur("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Mj.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:jn("$add"),value:function(){var t=this.$selection.currentProject;t?(t.createKeyframe(),this.refresh(),this.emit("refreshProject",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=this.$selection.currentProject,this.current&&(this.currentKeyframe=this.current.keyframes[this.selectedIndex],this.viewKeyframePropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:Do("changeKeyframePopup"),value:function(t){var e=this.$selection.currentProject;e&&(this.currentKeyframe=e.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(t),this.refresh(),this.emit("refreshProject",e))}}])&&J1(e.prototype,n),r&&J1(e,r),i}(BQ);function o2(t){return(o2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function a2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s2(t,e){return(s2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p2(t);if(e){var o=p2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return f2(this,n)}}function f2(t,e){return!e||"object"!==o2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p2(t){return(p2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var h2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s2(t,e)}(i,t);var e,n,r,o=l2(i);function i(){return a2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='background-color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),'" key=\'background-color\' onchange="changeColor" />\n      </div>            \n    ')}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Wb.add,"</button>")}},{key:jn("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:ur("$property"),value:function(){var t=(this.$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:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load();var t=this.$selection.current;t&&this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)")}},{key:Do("changeColor"),value:function(t,e){this.emit("setAttribute",i2({},t,e))}},{key:Do("changeBackgroundImage")+nr(10),value:function(t,e){this.emit("setAttribute",i2({},t,e))}}])&&c2(e.prototype,n),r&&c2(e,r),i}(BQ);function d2(t){return(d2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b2(t){return function(t){if(Array.isArray(t))return m2(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return m2(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m2(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m2(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function w2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O2(t,e){return(O2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function k2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=j2(t);if(e){var o=j2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return S2(this,n)}}function S2(t,e){return!e||"object"!==d2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j2(t){return(j2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var P2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O2(t,e)}(i,t);var e,n,r,o=k2(i);function i(){return g2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"filter"}},{key:"getTitleClassName",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(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:ur("$filterSelect"),value:function(){var t=this,e=PC.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(b2(e),[{title:"-------",value:""}],b2(n)):b2(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){var e=t.id;return{title:"svg - #".concat(e),value:e}}))),e}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).filter;return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:Do("changeFilterEditor"),value:function(t){this.emit("setAttribute",{filter:t})}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$filterSelect")}}])&&w2(e.prototype,n),r&&w2(e,r),i}(BQ);function R2(t){return(R2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $2(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return E2(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E2(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E2(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function _2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T2(t,e){return(T2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I2(t);if(e){var o=I2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A2(this,n)}}function A2(t,e){return!e||"object"!==R2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I2(t){return(I2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T2(t,e)}(i,t);var e,n,r,o=D2(i);function i(){return _2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:Do("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+nr(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){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.split(";").filter((function(t){return t.trim()})).map((function(t){var n=$2((t=t.trim()).split(":"),2),r=n[0],o=n[1];return"".concat(e,"<strong>").concat(r,"</strong>:").concat(o,";\n")})).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n").trim()}},{key:ur("$body"),value:function(){var t=this,e=this.$selection.currentProject,n=e?e.toKeyframeString():"",r=e?Q(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=this.$selection.current,a=i?rt(i.toExport()):"",c=i?i.toNestedCSS().map((function(e){var n=e.cssText?e.cssText:Q(e.css);return"".concat(e.selector," { \n").concat(t.filterKeyName(rt(n),"&nbsp;&nbsp;"),"\n}")})):[],u=i?rt(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='".concat(this.$i18n("code.view.property.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    ")}}])&&C2(e.prototype,n),r&&C2(e,r),i}(BQ);function M2(t){return(M2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L2(t){return function(t){if(Array.isArray(t))return B2(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return B2(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return B2(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B2(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function z2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G2(t,e){return(G2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function H2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Y2(t);if(e){var o=Y2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return X2(this,n)}}function X2(t,e){return!e||"object"!==M2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Y2(t){return(Y2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var N2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G2(t,e)}(i,t);var e,n,r,o=H2(i);function i(){return z2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{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(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:ur("$filterSelect"),value:function(){var t=this,e=PC.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(L2(e),[{title:"-------",value:""}],L2(n)):L2(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){return{title:"svg - #".concat(t.id),value:t.id}}))),e}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:Do("changeFilterEditor"),value:function(t){this.emit("setAttribute",{"backdrop-filter":t})}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}])&&F2(e.prototype,n),r&&F2(e,r),i}(BQ);function K2(t){return(K2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function U2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function W2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Z2(t,e){return(Z2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function q2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Q2(t);if(e){var o=Q2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return J2(this,n)}}function J2(t,e){return!e||"object"!==K2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Q2(t){return(Q2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var t4=["rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],e4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Z2(t,e)}(i,t);var e,n,r,o=q2(i);function i(){return U2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{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(){var t=this;return'\n      <select ref="$transformSelect">\n      '.concat(t4.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).transform;return"\n      <TransformEditor ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:Do("changeTransformEditor"),value:function(t){this.emit("setAttribute",{transform:function(e){return Pi.replaceAll(e.transform,t)}})}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("refreshSelectionStyleView","refreshStyleView","refreshRect")+nr(100),value:function(){this.refresh()}}])&&W2(e.prototype,n),r&&W2(e,r),i}(BQ);function n4(t){return(n4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i4(t,e){return(i4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function a4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u4(t);if(e){var o=u4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c4(this,n)}}function c4(t,e){return!e||"object"!==n4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u4(t){return(u4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var s4=["circle","ellipse","inset","polygon","path","svg"],l4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i4(t,e)}(i,t);var e,n,r,o=a4(i);function i(){return r4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{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(s4.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(Wb.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(Wb.remove2,"\n              </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$clippathList .clippath-item"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:jn("$clippathList .del")+ar,value:function(t){var e=this.$selection.current;e&&(this.emit("setAttribute",{"clip-path":""},e.id),this.refresh(),this.emit("hideClipPathPopup"))}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:ur("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"]):""}},{key:jn("$add"),value:function(){var t=this.$selection.current;t&&(t["clip-path"]?alert("clip-path is already exists."):(t&&(t["clip-path"]=this.refs.$clipPathSelect.value,this.emit("setAttribute",{"clip-path":this.refs.$clipPathSelect.value},t.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this.$selection.current;if(t){var e=$b.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=e.value.trim(),r=n?"modify":"path";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:Do("updateClipPathString"),value:function(t){var e=this.$selection.current;e&&(e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("setAttribute",{"clip-path":"path(".concat(t.d,")")},null,!0))}},{key:Do("changeClipPathPopup"),value:function(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.emit("setAttribute",t,e.id))}}])&&o4(e.prototype,n),r&&o4(e,r),i}(BQ);function f4(t){return(f4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p4(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function y4(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function h4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function v4(t,e){return(v4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function b4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=g4(t);if(e){var o=g4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m4(this,n)}}function m4(t,e){return!e||"object"!==f4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g4(t){return(g4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var w4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v4(t,e)}(i,t);var e,n,r,o=b4(i);function i(){return h4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{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(Wb.add,"</button>\n    ")}},{key:ur("$transitionList"),value:function(){var t=this,e=this.$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(Wb.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=ux(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:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=this.$selection.current;e&&e.transitions.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:jn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createTransition(),this.emit("refreshElement",e)),this.refresh()}},{key:En("$transitionList .transition-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$transitionList .transition-item")+ar,value:function(t){}},{key:_n("$transitionList .transition-item")+ar,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:jn("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeTransition(e),this.emit("refreshElement",n),this.refresh())}},{key:jn("$transitionList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.transitions[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentTransition=this.current.transitions[this.selectedIndex],this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(t){if(this.current=this.$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:jn("$transitionList .preview"),value:function(t){this.viewTransitionPicker(t.$dt)}},{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:Do("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]:{};e%2?p4(Object(n),!0).forEach((function(e){y4(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p4(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&d4(e.prototype,n),r&&d4(e,r),i}(BQ);function O4(t){return(O4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function j4(t,e){return(j4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function P4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R4(t);if(e){var o=R4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return x4(this,n)}}function x4(t,e){return!e||"object"!==O4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R4(t){return(R4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&j4(t,e)}(i,t);var e,n,r,o=P4(i);function i(){return k4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Wb.remove,"</button>\n    ")}},{key:jn("$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:ur("$body"),value:function(){var t=(this.$selection.current||{})["perspective-origin"]||"";return"<PerspectiveOriginEditor \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("changePerspectiveOrigin"),value:function(t){this.emit("setAttribute",{"perspective-origin":t})}}])&&S4(e.prototype,n),r&&S4(e,r),i}(BQ);function E4(t){return(E4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T4(t,e){return(T4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I4(t);if(e){var o=I4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A4(this,n)}}function A4(t,e){return!e||"object"!==E4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I4(t){return(I4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T4(t,e)}(i,t);var e,n,r,o=D4(i);function i(){return _4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Wb.remove,"</button>\n    ")}},{key:jn("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:ur("$perspective"),value:function(){var t=(this.$selection.current||{}).perspective||"";return"\n        <RangeEditor ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:Do("changePerspective"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project"])}}])&&C4(e.prototype,n),r&&C4(e,r),i}(BQ);function M4(t){return(M4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z4(t,e){return(z4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function F4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=H4(t);if(e){var o=H4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return G4(this,n)}}function G4(t,e){return!e||"object"!==M4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H4(t){return(H4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var X4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&z4(t,e)}(i,t);var e,n,r,o=F4(i);function i(){return L4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Wb.remove,"</button>\n    ")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:jn("$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:ur("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<TransformOriginEditor ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:Do("refreshSelection","refreshRect")+nr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("changeTransformOrigin"),value:function(t){this.emit("setAttribute",{"transform-origin":t})}}])&&B4(e.prototype,n),r&&B4(e,r),i}(BQ);function Y4(t){return(Y4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U4(t,e){return(U4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function W4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q4(t);if(e){var o=q4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z4(this,n)}}function Z4(t,e){return!e||"object"!==Y4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q4(t){return(q4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var J4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U4(t,e)}(i,t);var e,n,r,o=W4(i);function i(){return N4(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$backgroundClip"),value:function(){var t=(this.$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:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","text"])}}])&&K4(e.prototype,n),r&&K4(e,r),i}(BQ);function Q4(t){return(Q4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function t5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n5(t,e){return(n5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function r5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=i5(t);if(e){var o=i5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return o5(this,n)}}function o5(t,e){return!e||"object"!==Q4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function i5(t){return(i5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var a5=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),c5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n5(t,e)}(i,t);var e,n,r,o=r5(i);function i(){return t5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{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\" key-value-char=';' none-value=\"selector\" options=\"".concat(a5,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Wb.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;".concat(this.$i18n("selector.property.none"),"&gt;"),'</span>\n          </div>\n          <div class=\'tools\'>\n              <button type="button" class="del" data-index="').concat(e,'">').concat(Wb.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:jn("$selectorList .selector-item .del")+ar+cr,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeSelector(e),this.emit("refreshElement",n),this.refresh())}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:ur("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?fb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,n.map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:En("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$selectorList .selector-item")+ar,value:function(t){}},{key:_n("$selectorList .selector-item")+ar,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.sortSelector(this.startIndex,e),this.emit("refreshElement",n),this.refresh())}},{key:jn("$add"),value:function(){var t=this.$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=this.$selection.current,this.current&&(this.currentSelector=this.current.selectors[this.selectedIndex],this.viewSelectorPropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:Do("changeSelectorPopup"),value:function(t){this.current=this.$selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(t),this.refresh(),this.emit("refreshElement",this.current))}}])&&e5(e.prototype,n),r&&e5(e,r),i}(BQ);function u5(t){return(u5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f5(t,e){return(f5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function p5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=h5(t);if(e){var o=h5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y5(this,n)}}function y5(t,e){return!e||"object"!==u5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function h5(t){return(h5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var d5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f5(t,e)}(i,t);var e,n,r,o=p5(i);function i(){return s5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Do("refreshRect"),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x&&this.children.$x.setValue(t.x),this.children.$y&&this.children.$y.setValue(t.y)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="position-item" ref="$positionItem"></div>\n    '}},{key:ur("$positionItem"),value:function(){var t=this.$selection.current;return t?"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px;'>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='x'></span>\n          </div>\n          <InputRangeEditor ref='$x' key='x' value='".concat(t.x,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='y'></span>\n          </div>\n          <InputRangeEditor ref='$y' key='y' value='").concat(t.y,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>").concat(this.$i18n("position.property.X"),"</span>\n        <span>").concat(this.$i18n("position.property.Y"),"</span>\n      </div>      \n    "):""}},{key:Do("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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("refreshAllElementBoundSize")}}])&&l5(e.prototype,n),r&&l5(e,r),i}(BQ);function v5(t){return(v5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function m5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g5(t,e){return(g5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function w5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=k5(t);if(e){var o=k5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return O5(this,n)}}function O5(t,e){return!e||"object"!==v5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function k5(t){return(k5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var S5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&g5(t,e)}(i,t);var e,n,r,o=w5(i);function i(){return b5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("project.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a project\">".concat(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:ur("$projectList")+er,value:function(){var t=this;return(this.$editor.projects||[]).map((function(e,n){var r=e===t.$selection.currentProject?"selected":"";return"\n        <div class='project-item ".concat(r,"'>\n          <div class='detail'>\n            <label data-index='").concat(n,"'>").concat(e.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(Wb.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")}))}},{key:Pn("$projectList .project-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$editor.projects[t];r&&r.reset({name:n})}))}},{key:Rn("$projectList .project-item label")+Jn+ar+cr,value:function(t){return this.modifyDoneInputEditing(t.$dt),!1}},{key:Mn("$projectList .project-item label")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectProject",value:function(t){t&&(this.$selection.selectProject(t),t.artboards.length&&(this.$selection.selectArtboard(t.artboards[0]),this.$selection.select())),this.emit("refreshAllSelectProject")}},{key:jn("$projectList .project-item label"),value:function(t){var e=+t.$dt.attr("data-index");this.selectProject(this.$editor.projects[e])}},{key:jn("$projectList .project-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.$editor.projects.splice(e);var n=this.$editor.projects[e]||this.$editor.projects[e-1];this.selectProject(n)}},{key:Do("refreshProjectList"),value:function(){this.refresh()}}])&&m5(e.prototype,n),r&&m5(e,r),i}(BQ);function j5(t){return(j5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R5(t,e){return(R5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_5(t);if(e){var o=_5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return E5(this,n)}}function E5(t,e){return!e||"object"!==j5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _5(t){return(_5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var C5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&R5(t,e)}(i,t);var e,n,r,o=$5(i);function i(){return P5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("artboard.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a artboard\">".concat(Wb.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="artboard-list scrollbar" ref="$artboardList"></div>\n    '}},{key:ur("$artboardList")+er,value:function(){var t=this,e=this.$selection.currentProject;return e?e.artboards.map((function(e,n){var r=e===t.$selection.currentArtboard?"selected":"",o="";return e.hasLayout()&&(o=t.$i18n("artboard.property.layout.title."+e.layout)),"\n        <div class='artboard-item ".concat(r,"' data-layout=\"").concat(e.layout,"\" data-artboard-id='").concat(e.id,"'>\n          <div class='preview icon'>").concat(Wb.doc,"</div>\n          <div class='detail'>\n            <label data-index='").concat(n,"' data-layout-title='").concat(o,"' >").concat(e.name,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(Wb.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})):""}},{key:Pn("$artboardList .artboard-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$selection.currentProject;if(r){var o=r.artboards[t];o&&(o.reset({name:n}),e.emit("refreshArtBoardName",o.id,n))}}))}},{key:Rn("$artboardList .artboard-item label")+Jn+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Mn("$artboardList .artboard-item label")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:jn("$add"),value:function(t){this.emit("addArtBoard")}},{key:jn("$artboardList .artboard-item .remove"),value:function(t){var e=this.$selection.currentProject;if(e){var n=+t.$dt.attr("data-index");e.artboards.splice(n);var r=e.artboards[n]||e.artboards[n-1];this.emit("selectArtboard",r)}}},{key:jn("$artboardList .artboard-item label"),value:function(t){var e=this.$selection.currentProject;if(e){t.$dt.closest("artboard-item").onlyOneClass("selected");var n=+t.$dt.attr("data-index"),r=e.artboards[n];this.emit("selectArtboard",r)}}},{key:Do("refreshArtBoardList"),value:function(){this.refresh()}},{key:Do("changeItemLayout"),value:function(){this.refresh()}}])&&x5(e.prototype,n),r&&x5(e,r),i}(BQ);function T5(t){return(T5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D5(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function A5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?D5(Object(n),!0).forEach((function(e){I5(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):D5(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function I5(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function V5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function M5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function L5(t,e){return(L5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function B5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=F5(t);if(e){var o=F5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return z5(this,n)}}function z5(t,e){return!e||"object"!==T5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F5(t){return(F5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var G5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&L5(t,e)}(i,t);var e,n,r,o=B5(i);function i(){return V5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a layer\">".concat(Wb.add,"</button>\n    ")}},{key:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:pr("$dragPointer"),value:function(){var t=this.state.lastDragOverOffset,e=this.state.itemRect.height/3,n={};if(this.state.lastDragOverOffset<e){t=0;var r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:ln.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else this.state.lastDragOverOffset>this.state.itemRect.height-e?(t=this.state.itemRect.height,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:ln.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"):(t=0,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:ln.px(r),height:ln.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self");return{style:A5(A5({position:"absolute"},n),{},{display:this.state.hideDragPointer?"none":"block"})}}},{key:"getIcon",value:function(t){switch(t.itemType){case"circle":return Wb.lens;case"image":return Wb.image;case"text":case"svg-text":return Wb.title;case"svg-textpath":return Wb.text_rotate;case"svg-path":return Wb.pentool;case"cube":return Wb.cube;case"cylinder":return Wb.cylinder;default:return Wb.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=e.$selection.check(t)?"selected":"",i=t.name;t.is("text")&&(i=t.text||t.name);var a="";return t.hasLayout()&&(a=e.$i18n("layer.tree.property.layout.title."+t.layout)),"        \n      <div class='layer-item ".concat(o,"' data-depth=\"").concat(n,"\" data-layout='").concat(t.layout,"' data-layer-id='").concat(t.id,"' draggable=\"true\">\n        <div class='detail'>\n          <label data-layout-title='").concat(a,"'> \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?Wb.lock:Wb.lock_open,'</button>\n            <button type="button" class="visible" data-visible="').concat(t.visible,"\" title='Visible'>").concat(Wb.visible,"</button>\n          </div>\n        </div>\n      </div>\n\n      ").concat(e.makeLayerList(t,n+1),"\n    ")})).join(""):""}},{key:Do("refreshContent"),value:function(t){this.refresh()}},{key:ur("$layerList")+er,value:function(){var t=this.$selection.currentArtboard;return t?this.makeLayerList(t,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:En("$layerList .layer-item"),value:function(t){var e=t.$dt.attr("data-layer-id");t.$dt.addClass("drag-start"),t.dataTransfer.setData("layer/id",e),this.state.rootRect=this.refs.$layerList.rect(),this.state.itemRect=t.$dt.rect(),this.setState({hideDragPointer:!1},!1),this.bindData("$dragPointer")}},{key:Tn("$layerList .layer-item"),value:function(t){this.setState({hideDragPointer:!0},!1),this.bindData("$dragPointer"),this.refs.$layerList.$$(".".concat("drag-start")).forEach((function(t){t.removeClass("drag-start")}))}},{key:Cn("$layerList .layer-item:not(.".concat("drag-start",")"))+ar,value:function(t){var e=t.$dt.attr("data-layer-id");this.state.lastDragOverItemId=e,this.state.lastDragOverPosition=t.$dt.rect().top,this.state.lastDragOverOffset=t.offsetY,this.bindData("$dragPointer")}},{key:_n("$layerList .layer-item:not(.".concat("drag-start",")")),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.dataTransfer.getData("layer/id");if(e!==n){var r=this.$selection.currentArtboard;if(r){var o=r.searchById(e),i=r.searchById(n);if(o.hasParent(i.id))return;o.add(i,this.state.lastDragOverItemDirection),this.$selection.select(i),this.setState({hideDragPointer:!0}),this.emit("refreshArtboard")}}}},{key:Pn("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.closest("layer-item").attr("data-layer-id"),i=e.$selection.currentArtboard;if(i){var a=i.searchById(o);a&&a.reset({name:r})}}))}},{key:Rn("$layerList .layer-item .name")+Jn+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Mn("$layerList .layer-item .name")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectLayer",value:function(t){t&&this.$selection.select(t),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(t){t&&(this.$selection.select(t),this.emit("refreshArtboard"))}},{key:jn("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":Ye.random(),width:ln.px(200),height:ln.px(100)})}},{key:jn("$layerList .layer-item label"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item");n.onlyOneClass("selected");var r=n.attr("data-layer-id"),o=e.searchById(r);this.$selection.select(o),this.emit("refreshSelection")}}},{key:jn("$layerList .layer-item .visible"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-visible",!r.visible),this.emit("setAttribute",{visible:!r.visible},r.id)}}},{key:jn("$layerList .layer-item .lock"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-lock",!r.lock),this.emit("setAttribute",{lock:!r.lock},r.id)}}},{key:Do("emptySelection"),value:function(){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}))}},{key:Do("changeSelection"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e&&this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}));var n=this.$selection.items.map((function(t){return'[data-layer-id="'.concat(t.id,'"]')})).join(",");n&&this.refs.$layerList.$$(n).forEach((function(e){e.addClass("selected");var n=t.$selection.itemKeys[e.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&e.$(".icon").html(t.getIcon(n))}))}}},{key:Do("refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:Do("refreshStylePosition","refreshSelectionStyleView","refreshCanvasForPartial"),value:function(){this.trigger("changeSelection")}},{key:Do("refreshLayerTreeView"),value:function(){this.refresh()}},{key:Do("changeItemLayout"),value:function(){this.refresh()}}])&&M5(e.prototype,n),r&&M5(e,r),i}(BQ);function H5(t){return(H5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X5(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Y5(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Y5(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Y5(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function N5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U5(t,e){return(U5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function W5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q5(t);if(e){var o=q5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z5(this,n)}}function Z5(t,e){return!e||"object"!==H5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q5(t){return(q5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var J5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U5(t,e)}(i,t);var e,n,r,o=W5(i);function i(){return N5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["project","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:Do("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:"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:jn("$list .device-item"),value:function(t){var e=t.$dt.attr("data-size");this.emit("resizeArtBoard",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:ur("$list")+er,value:function(){var t=this;return this.state.sizeList[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}},{key:Do("changeBoardSize"),value:function(t,e){var n=this.$selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=X5(e.split("x"),2),o=r[0],i=r[1];o=ln.px(o),i=ln.px(i),this.emit("setAttribute",{width:o,height:i},n.id)}}}])&&K5(e.prototype,n),r&&K5(e,r),i}(BQ);function Q5(t){return(Q5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function t3(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e3(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?t3(Object(n),!0).forEach((function(e){n3(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):t3(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function n3(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r3(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return o3(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o3(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o3(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function i3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c3(t,e){return(c3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s3(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f3(t);if(e){var o=f3(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l3(this,n)}}function l3(t,e){return!e||"object"!==Q5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f3(t){return(f3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p3=["","100x100","200x200","300x300","400x300","900x600","1024x762"],h3=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c3(t,e)}(i,t);var e,n,r,o=s3(i);function i(){return i3(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> <span ref='$sizeInfo'></span> <button type=\"button\" ref='$resize'>").concat(Wb.size,"</button>\n      </div>\n      <div>\n        <SelectEditor ref='$select' label=\"").concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(p3.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:Do("changeImageSize"),value:function(t,e){var n=r3(e.split("x").map((function(t){return ln.px(t)})),2),r=n[0],o=n[1];this.emit("setAttribute",{width:r,height:o})}},{key:jn("$resize"),value:function(){var t=this.$selection.current;t&&(t.reset({width:t.naturalWidth.clone(),height:t.naturalHeight.clone()}),this.emit("resetSelection"))}},{key:pr("$sizeInfo"),value:function(){var t=this.$selection.current||{};return{innerHTML:"".concat(this.$i18n("image.property.width"),": ").concat(t.naturalWidth,", ").concat(this.$i18n("image.property.height"),": ").concat(t.naturalHeight)}}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).src||"";return"<ImageSelectEditor \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:Do("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(e3({src:e},n)),this.bindData("$sizeInfo"),this.emit("setAttribute",e3({src:e},n),r.id))}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["image"])}}])&&a3(e.prototype,n),r&&a3(e,r),i}(BQ),d3={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ye.randomByCount(t).map((function(t){return{color:t}}))}},b3=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),m3={title:"material red",key:"material-red",execute:function(){return b3}},g3=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),w3={title:"material pink",key:"material-pink",execute:function(){return g3}},O3=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),k3={title:"material purple",key:"material-purple",execute:function(){return O3}},S3=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),j3={title:"material deep purple",key:"material-deeppurple",execute:function(){return S3}},P3=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),R3={title:"material indigo",key:"material-indigo",execute:function(){return P3}},$3=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),E3={title:"material blue",key:"material-blue",execute:function(){return $3}},_3=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),C3={title:"material light blue",key:"material-lightblue",execute:function(){return _3}},T3=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),D3={title:"material cyan",key:"material-cyan",execute:function(){return T3}},A3=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),I3={title:"material teal",key:"material-teal",execute:function(){return A3}},V3=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),M3={title:"material green",key:"material-green",execute:function(){return V3}},L3=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),B3={title:"material lightgreen",key:"material-lightgreen",execute:function(){return L3}},z3=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),F3={title:"material lime",key:"material-lime",execute:function(){return z3}},G3=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),H3={title:"material yellow",key:"material-yellow",execute:function(){return G3}},X3=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),Y3={title:"material amber",key:"material-amber",execute:function(){return X3}},N3=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),K3={title:"material orange",key:"material-orange",execute:function(){return N3}},U3=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),W3={title:"material deep orange",key:"material-deeporange",execute:function(){return U3}},Z3=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),q3={title:"material brown",key:"material-brown",execute:function(){return Z3}},J3=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),Q3={title:"material gray",key:"material-gray",execute:function(){return J3}},t8=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),e8={title:"material bluegray",key:"material-bluegray",execute:function(){return t8}},n8=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),r8=[d3,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return n8}},m3,w3,k3,j3,R3,E3,C3,D3,I3,M3,B3,F3,H3,Y3,K3,W3,q3,Q3,e8];function o8(t){return(o8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c8(t,e){return(c8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l8(t);if(e){var o=l8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s8(this,n)}}function s8(t,e){return!e||"object"!==o8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l8(t){return(l8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c8(t,e)}(i,t);var e,n,r,o=u8(i);function i(){return i8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("color.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var t=r8.map((function(t){return"".concat(t.key,":").concat(t.title)}));return'\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:Do("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"color-assets-property"}},{key:Do("refreshSelection")+nr(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:En("$colorList .color-item"),value:function(t){var e=t.$dt.attr("data-color");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/color",e)}},{key:ur("$colorList"),value:function(){var t=this,e=r8.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,'" data-color="').concat(t.color,'" data-custom="').concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.color,'" data-index="').concat(e,"\" draggable=\"true\"><div class='color-view' style='background-color: ").concat(t.color,";'></div></div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.remove,"</button>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(Wb.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:jn("$colorList .add-color-item"),value:function(){this.executeColor((function(t){t.createColor({color:Ye.random(),name:"",variable:""})}))}},{key:jn("$colorList .remove"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.removeColor(e)}))}},{key:jn("$colorList .copy"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.copyColor(e)}))}},{key:jn("$colorList .preview"),value:function(t){var e=t.$dt.$(".color-view").css("background-color");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundColor",e):this.emit("setColorAsset",{color:e})}},{key:Do("changeColorAssets"),value:function(t,e){var n=this;this.executeColor((function(r){r.setColorValue(e.index,{color:t}),n.state.$el.css("background-color",t),n.state.$color.val(t)}),!1)}}])&&a8(e.prototype,n),r&&a8(e,r),i}(BQ);function p8(t){return(p8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function y8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function h8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function d8(t,e){return(d8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function v8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=m8(t);if(e){var o=m8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return b8(this,n)}}function b8(t,e){return!e||"object"!==p8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function m8(t){return(m8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var g8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&d8(t,e)}(i,t);var e,n,r,o=v8(i);function i(){return y8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text-fill-color'></span>\n        </div>\n        <ColorViewEditor ref='$fillColor' label='".concat(this.$i18n("text.fill.property.fill"),"' key='text-fill-color' onchange=\"changeColor\" />\n      </div>           \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-color'></span>\n        </div>\n        <ColorViewEditor ref='$strokeColor' label='").concat(this.$i18n("text.fill.property.stroke"),"' key='text-stroke-color' onchange=\"changeColor\" />\n      </div>                 \n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-width'></span>\n        </div>\n        <RangeEditor \n          ref='$width' \n          label='").concat(this.$i18n("text.fill.property.strokeWidth"),'\' \n          key="text-stroke-width" \n          \n          max="50"\n          onchange="changeRangeEditor" />\n      </div>\n    \n    ')}},{key:Do("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:Do("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&h8(e.prototype,n),r&&h8(e,r),i}(BQ),w8=["0deg","45deg","90deg"],O8=["0deg","45deg","90deg"],k8=["0deg","45deg","90deg"],S8=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"linear-gradient(".concat(Z.apply(void 0,w8),", ").concat($u.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"linear-gradient(".concat(Z.apply(void 0,O8),", ").concat($u.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(Z.apply(void 0,k8),", ").concat($u.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat($u.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat($u.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat($u.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){var e=m(45,55),n=m(45,55),r=m(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat($u.createColorStep(2,360,"deg"),")")}}))}},{title:"Random Conic",key:"random-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat($u.createColorStep(10,360,"deg"),")")}}))}},{title:"Repeat Conic",key:"repeat-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat($u.createRepeatColorStep(10,"10deg"),")")}}))}}];function j8(t){return(j8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R8(t,e){return(R8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_8(t);if(e){var o=_8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return E8(this,n)}}function E8(t,e){return!e||"object"!==j8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _8(t){return(_8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var C8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&R8(t,e)}(i,t);var e,n,r,o=$8(i);function i(){return P8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){var t=S8.map((function(t){return"".concat(t.key,":").concat(t.title)}));return'\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:Do("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"gradient-assets-property"}},{key:Do("refreshSelection")+nr(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:En("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:ur("$gradientList"),value:function(){var t=this,e=S8.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='gradient-item' data-index=\"".concat(e,"\" data-gradient='").concat(t.gradient,"' data-custom=\"").concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.gradient,"\" draggable=\"true\">\n            <div class='gradient-view' style='background-image: ").concat(t.gradient,";'></div>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-gradient-item'><butto type=\"button\">".concat(Wb.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:jn("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:Fu.random(),name:"",variable:""})}))}},{key:jn("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}},{key:Do("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)}}])&&x8(e.prototype,n),r&&x8(e,r),i}(BQ);function T8(t){return(T8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function A8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function I8(t,e){return(I8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function V8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=L8(t);if(e){var o=L8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return M8(this,n)}}function M8(t,e){return!e||"object"!==T8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function L8(t){return(L8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var B8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I8(t,e)}(i,t);var e,n,r,o=V8(i);function i(){return D8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-polygon","svg-textpath","svg-text")}},{key:Do("refreshPathLayer","refreshStyleView"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(t.totalLength||"")}},{key:Do("refreshSelection"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)?(this.$el.isHide()&&this.$el.show(),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"]||ln.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||ln.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||ln.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:pr("$svgProperty"),value:function(){return{style:{display:(this.$selection.current||{})["motion-based"]?"none":"block"}}}},{key:"getBody",value:function(){var t=this.$selection.current||{};return"\n\n      <div class='property-item'> \n        <label>\n          <input type='checkbox' ref='$motionBased' ".concat(et({checked:!!t["motion-based"]})," /> \n          ").concat(this.$i18n("svg.item.property.isMotionPath"),"\n        </label>\n      </div>      \n\n      <div ref='$svgProperty'>\n        <div class='property-item animation-property-item' ref='$path'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='d'></span>      \n          </div>            \n          <label>").concat(this.$i18n("svg.item.property.path")," - <span>").concat(this.$i18n("svg.item.property.totalLength"),"</span> <span ref='$length'></span> </label>\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill'></span>\n          </div>\n          <FillSingleEditor ref='$fill' label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-opacity'></span>\n          </div>            \n          <NumberRangeEditor \n            ref='$fillOpacity' \n            label='").concat(this.$i18n("svg.item.property.fillOpacity"),"' \n            key='fill-opacity' \n            value=\"1\" \n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            onchange=\"changeValue\" \n            />\n        </div>   \n\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-rule'></span>\n          </div>\n          <SelectIconEditor \n            ref='$fillRule' \n            label='").concat(this.$i18n("svg.item.property.fillRule"),"' \n            key=\"fill-rule\" \n            options=\"nonzero,evenodd\" \n            onchange=\"changeValue\" />\n        </div>            \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke'></span>\n          </div>\n          <FillSingleEditor ref='$stroke' label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-width'></span>\n          </div>\n          <RangeEditor \n            ref='$strokeWidth' \n            label='").concat(this.$i18n("svg.item.property.strokeWidth"),"' \n            key=\"stroke-width\" \n            onchange=\"changeValue\" />\n        </div>\n              \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dasharray'></span>      \n          </div>          \n          <label>").concat(this.$i18n("svg.item.property.dashArray"),"</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          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dashoffset'></span>      \n          </div>          \n          <NumberRangeEditor \n            ref='$strokeDashOffset' \n            key='stroke-dashoffset' \n            label='").concat(this.$i18n("svg.item.property.dashOffset"),"'\n            value=\"0\" \n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeValue\" \n            />\n        </div>         \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linecap'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineCap' \n            label='").concat(this.$i18n("svg.item.property.lineCap"),"' \n            key=\"stroke-linecap\" \n            options=\"butt,round,square\" \n            onchange=\"changeValue\" \n          />\n        </div> \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linejoin'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineJoin' \n            label='").concat(this.$i18n("svg.item.property.lineJoin"),"'             \n            key=\"stroke-linejoin\" \n            options=\"miter,bevel,round\" \n            onchange=\"changeValue\" \n          />\n        </div>        \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <SVGFilterSelectEditor \n            ref='$svgFilter' \n            label='").concat(this.$i18n("svg.item.property.filter"),'\' \n            key="svgfilter" \n            onchange="changeValue" \n          />\n        </div>         \n      </div>\n   \n    ')}},{key:jn("$motionBased"),value:function(){this.emit("setAttribute",{"motion-based":this.refs.$motionBased.checked()})}},{key:Do("changeValue"),value:function(t,e,n){this.emit("setAttribute",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),null,!0)}}])&&A8(e.prototype,n),r&&A8(e,r),i}(BQ);function z8(t){return(z8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function F8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function G8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function H8(t,e){return(H8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function X8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=N8(t);if(e){var o=N8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Y8(this,n)}}function Y8(t,e){return!e||"object"!==z8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function N8(t){return(N8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var K8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&H8(t,e)}(i,t);var e,n,r,o=X8(i);function i(){return F8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:ur("$textClip"),value:function(){var t=(this.$selection.current||{})["text-clip"]||"";return"\n      <SelectEditor ref='$1' key='text-clip' icon=\"true\" value=\"".concat(t,'" options=",text" onchange="changeSelect" />\n    ')}},{key:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text"])}}])&&G8(e.prototype,n),r&&G8(e,r),i}(BQ);function U8(t){return(U8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function W8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Z8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function q8(t,e){return(q8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function J8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=t6(t);if(e){var o=t6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Q8(this,n)}}function Q8(t,e){return!e||"object"!==U8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function t6(t){return(t6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var e6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&q8(t,e)}(i,t);var e,n,r,o=J8(i);function i(){return W8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"svgfilter-assets-property"}},{key:Do("refreshSelection")+nr(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:ur("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return oj.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(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Wb.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:jn("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:Pt(),filters:[]})}))}},{key:jn("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:jn("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:In("$svgfilterList input"),value:function(t){var e=this,n=+t.$dt.closest("svgfilter-item").attr("data-index"),r=t.$dt.attrKeyValue("data-key");this.executeSVGFilter((function(t){t.setSVGFilterValue(n,r),e.emit("refreshSVGArea")}),!1)}},{key:jn("$svgfilterList .preview"),value:function(t){var e=t.$dt.closest("svgfilter-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$dt.$(".svgfilter-view");var r=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[n];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterAssets",id:this.id,index:n,filters:r.filters})}},{key:Do("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:Do("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:Do("refreshSVGFilterAssets"),value:function(){this.refresh()}}])&&Z8(e.prototype,n),r&&Z8(e,r),i}(BQ);function n6(t){return(n6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i6(t,e){return(i6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function a6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u6(t);if(e){var o=u6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c6(this,n)}}function c6(t,e){return!e||"object"!==n6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u6(t){return(u6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var s6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i6(t,e)}(i,t);var e,n,r,o=a6(i);function i(){return r6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{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        <SameWidth />\n        <SameHeight />\n      </div>\n    '}}])&&o6(e.prototype,n),r&&o6(e,r),i}(BQ);function l6(t){return(l6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function y6(t,e){return(y6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function h6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=v6(t);if(e){var o=v6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return d6(this,n)}}function d6(t,e){return!e||"object"!==l6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v6(t){return(v6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var b6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y6(t,e)}(i,t);var e,n,r,o=h6(i);function i(){return f6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{OffsetPathListEditor:rF}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:Do("refreshSelection","refreshRect")+nr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&this.children.$offsetPathList.setValue(t["offset-path"])}},{key:"getBody",value:function(){var t=this.$selection.current||{"offset-path":""};return"\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='offset-path'></span>\n        </div>\n        <OffsetPathListEditor ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    ')}},{key:Do("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&p6(e.prototype,n),r&&p6(e,r),i}(BQ);function m6(t){URL.revokeObjectURL(t)}function g6(t){return(g6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function w6(t){return function(t){if(Array.isArray(t))return O6(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return O6(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O6(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O6(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function k6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function j6(t,e){return(j6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function P6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R6(t);if(e){var o=R6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return x6(this,n)}}function x6(t,e){return!e||"object"!==g6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R6(t){return(R6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&j6(t,e)}(i,t);var e,n,r,o=P6(i);function i(){return k6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("image.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"image-assets-property"}},{key:Do("refreshSelection")+nr(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:ur("$imageList")+er,value:function(){var t=(this.$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='tools'>\n            <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.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(Wb.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:En("$imageList .preview img"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.images[e];t.dataTransfer.setData("image/info",r.local)}}},{key:An("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage((function(n){w6(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t)}))}))}},{key:jn("$imageList .remove"),value:function(t){var e=t.$dt.closest("image-item"),n=+e.attr("data-index");this.executeImage((function(t){t.removeImage(n),m6(e.$(".preview img").attr("src"))}))}},{key:jn("$imageList .copy"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index");this.executeImage((function(t){t.copyImage(e)}))}},{key:Do("addImageAsset"),value:function(){this.refresh()}}])&&S6(e.prototype,n),r&&S6(e,r),i}(BQ);function E6(t){return(E6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _6(t){return function(t){if(Array.isArray(t))return C6(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return C6(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return C6(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C6(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function T6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function A6(t,e){return(A6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function I6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=M6(t);if(e){var o=M6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return V6(this,n)}}function V6(t,e){return!e||"object"!==E6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function M6(t){return(M6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var L6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&A6(t,e)}(i,t);var e,n,r,o=I6(i);function i(){return T6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("video.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"video-assets-property"}},{key:Do("refreshSelection")+nr(1e3),value:function(){this.show(),this.refresh()}},{key:"getBody",value:function(){return"\n      <div class='property-item video-assets'>\n        <div class='video-list' ref='$videoList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:ur("$videoList")+er,value:function(){var t=(this.$selection.currentProject||{videos:[]}).videos.map((function(t,e){return"\n        <div class='video-item' data-index=\"".concat(e,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(t.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(t.join(""),"\n        <div class='add-video-item'>\n          <input type='file' accept='video/*' ref='$file' />\n          <button type=\"button\">").concat(Wb.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeVideo",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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshVideoAssets")):alert("Please select a project.")}},{key:En("$videoList .preview img"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.videos[e];t.dataTransfer.setData("video/info",r.local)}}},{key:An("$videoList .add-video-item input[type=file]"),value:function(t){var e=this;this.executeVideo((function(n){_6(t.target.files).forEach((function(t){e.emit("updateVideoAssetItem",t)}))}))}},{key:jn("$videoList .remove"),value:function(t){var e=t.$dt.closest("video-item"),n=+e.attr("data-index");this.executeVideo((function(t){t.removeVideo(n),m6(e.$(".preview img").attr("src"))}))}},{key:jn("$videoList .copy"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index");this.executeVideo((function(t){t.copyVideo(e)}))}},{key:Do("addVideoAsset"),value:function(){this.refresh()}}])&&D6(e.prototype,n),r&&D6(e,r),i}(BQ);function B6(t){return(B6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z6(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function F6(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?z6(Object(n),!0).forEach((function(e){G6(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):z6(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function G6(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function H6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function X6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Y6(t,e,n){return(Y6="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=W6(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 N6(t,e){return(N6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function K6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=W6(t);if(e){var o=W6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return U6(this,n)}}function U6(t,e){return!e||"object"!==B6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W6(t){return(W6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Z6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&N6(t,e)}(i,t);var e,n,r,o=K6(i);function i(){return H6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return F6(F6({},Y6(W6(i.prototype),"components",this).call(this)),this.state.components)}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return n&&n.is("component")}))}},{key:"refresh",value:function(){var t=this,e=this.$selection.current;e&&e.is("component")&&(this.setTitle(e.getDefaultTitle()||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=this.$selection.current,e={};t&&t.is("component")&&t.getProps().forEach((function(t){F(t.editor)||(e=F6(F6({},e),t.editor))})),this.setState({components:e},!1),Y6(W6(i.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return F(n)?"<".concat(n," ").concat(et(F6(F6({},r),{},{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(et(F6(F6({},r),{},{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")})).join("")}},{key:ur("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":e.getProps().map((function(n){return F(n)?"\n          <div class='property-item'> \n            <label>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item animation-property-item'> \n            <div class='group'>\n              <span class='add-timeline-property' data-property='".concat(n.key,"' data-type=\"").concat(e.itemType,'" data-editor="').concat(n.editor,'"></span>\n            </div>\n            ').concat(t.getPropertyEditor(n.key,e[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:Do("changeComponentProperty"),value:function(t,e){this.emit("setAttribute",G6({},t,e),null,!0)}}])&&X6(e.prototype,n),r&&X6(e,r),i}(BQ);function q6(t){return(q6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Q6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function t9(t,e){return(t9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function e9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=r9(t);if(e){var o=r9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return n9(this,n)}}function n9(t,e){return!e||"object"!==q6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r9(t){return(r9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var o9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&t9(t,e)}(i,t);var e,n,r,o=e9(i);function i(){return J6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("timeline.animation.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add an animation\">".concat(Wb.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:ur("$timelineAnimationList")+er,value:function(){var t=this.$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 icon'>\n            ").concat(Wb.local_movie,"\n          </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(Wb.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})):""}},{key:Pn("$timelineAnimationList .timeline-animation-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.attr("data-id"),i=e.$selection.currentArtboard;i&&i.setTimelineTitle(o,r)}))}},{key:Rn("$timelineAnimationList .timeline-animation-item label")+Jn+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Mn("$timelineAnimationList .timeline-animation-item label")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:jn("$add"),value:function(t){this.emit("addTimelineItem")}},{key:jn("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$dt.attr("data-id");this.emit("removeAnimationItem",e)}},{key:jn("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$dt.attr("data-id"),n=this.$selection.currentArtboard;n&&(n.selectTimeline(e),t.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:Do("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:Do("refreshTimeline","refreshSelection","refreshArtboard")+nr(100),value:function(){this.refresh()}}])&&Q6(e.prototype,n),r&&Q6(e,r),i}(BQ);function i9(t){return(i9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u9(t,e){return(u9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f9(t);if(e){var o=f9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l9(this,n)}}function l9(t,e){return!e||"object"!==i9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f9(t){return(f9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u9(t,e)}(i,t);var e,n,r,o=s9(i);function i(){return a9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BorderEditor:PF}}},{key:"getTitle",value:function(){return this.$i18n("border.property.title")}},{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:ur("$body"),value:function(){var t=(this.$selection.current||{}).border||"";return"\n      <BorderEditor ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Do("changeKeyValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&c9(e.prototype,n),r&&c9(e,r),i}(BQ);function y9(t){return(y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function v9(t,e){return(v9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function b9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=g9(t);if(e){var o=g9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m9(this,n)}}function m9(t,e){return!e||"object"!==y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g9(t){return(g9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var w9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v9(t,e)}(i,t);var e,n,r,o=b9(i);function i(){return h9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("project.information.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var t=this.$selection.currentProject||{name:"",description:""};this.refs.$name.val(t.name),this.refs.$description.val(t.description)}},{key:"getBody",value:function(){var t=this.$selection.currentProject||{name:"",description:""};return'\n      <div class="project-info" ref="$info">\n        <div class=\'project-info-item\'>\n          <label>'.concat(this.$i18n("project.information.property.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>").concat(this.$i18n("project.information.property.description"),"</label>\n          <div class='input'>\n            <textarea  value='").concat(t.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    ")}},{key:Do("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}}])&&d9(e.prototype,n),r&&d9(e,r),i}(BQ);function O9(t){return(O9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function j9(t,e){return(j9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function P9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R9(t);if(e){var o=R9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return x9(this,n)}}function x9(t,e){return!e||"object"!==O9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R9(t){return(R9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&j9(t,e)}(i,t);var e,n,r,o=P9(i);function i(){return k9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("path.data.property.title")}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-textpath")}},{key:"components",value:function(){return{PathDataEditor:Bz}}},{key:Do("refreshPathLayer","refreshStyleView","refreshRect")+nr(100),value:function(){this.refresh()}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-brush","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current||{};this.children.$pathData.setValue(t.d)}},{key:"getBody",value:function(){var t=this.$selection.current||{};return"\n      <div>\n        <PathDataEditor ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    ")}},{key:Do("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))}}])&&S9(e.prototype,n),r&&S9(e,r),i}(BQ);function E9(t){return(E9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T9(t,e){return(T9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I9(t);if(e){var o=I9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A9(this,n)}}function A9(t,e){return!e||"object"!==E9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I9(t){return(I9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T9(t,e)}(i,t);var e,n,r,o=D9(i);function i(){return _9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$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=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text'></span>\n        </div>\n        <TextAreaEditor \n          ref='$text' \n          label='".concat(this.$i18n("svg.text.property.textarea"),"' \n          key=\"text\"\n          onchange=\"changeTextValue\" />\n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$font-size' \n          label='").concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$font-weight' \n          label='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <SelectEditor \n          ref='$lengthAdjust' \n          label='").concat(this.$i18n("svg.text.property.length.adjust"),"' \n          key='lengthAdjust' \n          value='spacing' \n          options=\"spacing,spacingAndGlyphs\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='textLength'></span>\n        </div>\n        <RangeEditor \n          ref='$textLength' \n          label='").concat(this.$i18n("svg.text.property.text.length"),"' \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        <div class='group'>\n          <span class='add-timeline-property' data-property='startOffset'></span>\n        </div>\n        <RangeEditor \n          ref='$startOffset' \n          label='").concat(this.$i18n("svg.text.property.start.offset"),"' \n          key='startOffset' \n          min=\"0\"\n          max='1000'\n          step=\"0.1\"          \n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:Do("changeTextValue"),value:function(t,e){this.emit("setAttribute",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),null,!0)}}])&&C9(e.prototype,n),r&&C9(e,r),i}(BQ);function M9(t){return(M9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z9(t,e){return(z9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function F9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=H9(t);if(e){var o=H9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return G9(this,n)}}function G9(t,e){return!e||"object"!==M9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H9(t){return(H9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var X9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&z9(t,e)}(i,t);var e,n,r,o=F9(i);function i(){return L9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:Do("refreshSelection","refreshContent")+nr(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(Wb.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div>\n        <div class='export-item png'>\n          <label>PNG</label>\n          <button ref='$png'>").concat(Wb.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:jn("$svg"),value:function(){this.emit("downloadSVG")}},{key:jn("$png"),value:function(){this.emit("downloadPNG")}}])&&B9(e.prototype,n),r&&B9(e,r),i}(BQ);function Y9(t){return(Y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N9(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function K9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function U9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function W9(t,e){return(W9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Z9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=J9(t);if(e){var o=J9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return q9(this,n)}}function q9(t,e){return!e||"object"!==Y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function J9(t){return(J9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Q9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&W9(t,e)}(i,t);var e,n,r,o=Z9(i);function i(){return K9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["default","flex","grid"].map((function(e){return"".concat(e,":").concat(t.$i18n("layout.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:ur("$layoutType"),value:function(){var t=this.$selection.current||{layout:"default"};return"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t.layout,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        colors=\",green,red\"\n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList'>\n        <div data-value='default' class='").concat("default"===t.layout?"selected":"","'></div>\n        <div data-value='flex' class='").concat("flex"===t.layout?"selected":"","'>\n          <FlexLayoutEditor ref='$flex' key='flex-layout' value=\"").concat(t["flex-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n        <div data-value='grid' class='").concat("grid"===t.layout?"selected":"","'>\n          <GridLayoutEditor ref='$grid' key='grid-layout' value=\"").concat(t["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    ")}},{key:Do("changeLayoutInfo"),value:function(t,e){this.emit("setAttribute",N9({},t,e),null,!1,!0),this.emit("refreshAllElementBoundSize")}},{key:Do("changeLayoutType"),value:function(t,e){this.$selection.reset(N9({},t,e)),this.emit("setAttribute",N9({},t,e),null,!1,!0),this.refresh(),this.emit("refreshAllElementBoundSize"),this.emit("changeItemLayout")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}])&&U9(e.prototype,n),r&&U9(e,r),i}(BQ);function t7(t){return(t7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function e7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r7(t,e){return(r7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function o7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=a7(t);if(e){var o=a7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return i7(this,n)}}function i7(t,e){return!e||"object"!==t7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function a7(t){return(a7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var c7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r7(t,e)}(i,t);var e,n,r,o=o7(i);function i(){return e7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return["none","auto","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("flex.layout.item.property.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:ur("$body"),value:function(){var t=this.$selection.current||{"flex-layout-item":"none"},e=t["flex-layout-item"]||"none",n=[];return!1===["none","auto"].includes(e)&&(n=e.split(" ")),n.length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(t.layout,"'>\n        <div data-value='none'></div>\n        <div data-value='auto'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <RangeEditor ref='$grow' label='").concat(this.$i18n("flex.layout.item.property.grow"),'\' key="flex-grow" value="').concat(n[0],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$shrink' label='").concat(this.$i18n("flex.layout.item.property.shrink"),'\' key="flex-shrink" value="').concat(n[1],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$basis' label='").concat(this.$i18n("flex.layout.item.property.basis"),'\' key="flex-basis" value="').concat(n[2],"\" min='0' units=\"px,em,%,auto\" onchange='changeFlexItem' />\n          </div>                    \n        </div>\n      </div>\n    ")}},{key:"getFlexItemValue",value:function(t){return"auto"===t.unit?"auto":t+""}},{key:"getFlexValue",value:function(){var t=this.children.$grow.getValue(),e=this.children.$shrink.getValue(),n=this.children.$basis.getValue();return t=this.getFlexItemValue(t),e=this.getFlexItemValue(e),n=this.getFlexItemValue(n),Q({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:Do("changeFlexItem"),value:function(t,e){this.emit("setAttribute",{"flex-layout-item":this.getFlexValue()}),this.emit("refreshAllElementBoundSize")}},{key:Do("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getFlexValue()),this.emit("setAttribute",{"flex-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}])&&n7(e.prototype,n),r&&n7(e,r),i}(BQ);function u7(t){return(u7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f7(t,e){return(f7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function p7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=h7(t);if(e){var o=h7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y7(this,n)}}function y7(t,e){return!e||"object"!==u7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function h7(t){return(h7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var d7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f7(t,e)}(i,t);var e,n,r,o=p7(i);function i(){return s7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["none","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("grid.layout.item.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:ur("$body"),value:function(){var t=this.$selection.current||{"grid-layout-item":"none"},e=t["grid-layout-item"]||"none",n={};return!1===["none"].includes(e)&&(n=tt(t["grid-layout-item"])),Object.keys(n).length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(e,"'>\n        <div data-value='none'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <label></label>\n            <div>").concat(this.$i18n("grid.layout.item.property.start"),"</div>\n            <div>").concat(this.$i18n("grid.layout.item.property.end"),"</div>\n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.column"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$columnEnd' key=\"grid-column-end\" value=\"").concat(n["grid-column-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.row"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$rowEnd' key=\"grid-row-end\" value=\"").concat(n["grid-row-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>          \n        </div>\n      </div>\n    ")}},{key:"getGridValue",value:function(){return Q({"grid-column-start":this.children.$columnStart.getValue(),"grid-column-end":this.children.$columnEnd.getValue(),"grid-row-start":this.children.$rowStart.getValue(),"grid-row-end":this.children.$rowEnd.getValue()})}},{key:Do("changeGridItem"),value:function(t,e){this.emit("setAttribute",{"grid-layout-item":this.getGridValue()}),this.emit("refreshAllElementBoundSize")}},{key:Do("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getGridValue()),this.emit("setAttribute",{"grid-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}])&&l7(e.prototype,n),r&&l7(e,r),i}(BQ);function v7(t){return(v7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b7(t){return function(t){if(Array.isArray(t))return m7(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return m7(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m7(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m7(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function w7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O7(t,e){return(O7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function k7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=j7(t);if(e){var o=j7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return S7(this,n)}}function S7(t,e){return!e||"object"!==v7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j7(t){return(j7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var P7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O7(t,e)}(i,t);var e,n,r,o=k7(i);function i(){return g7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:ur("$patternSelect"),value:function(){var t=this;return b7(xC.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}))).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<PatternEditor ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:Do("changePatternEditor"),value:function(t,e){this.emit("setAttribute",{pattern:e})}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$patternSelect")}}])&&w7(e.prototype,n),r&&w7(e,r),i}(BQ);function x7(t){return(x7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function E7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _7(t,e){return(_7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function C7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=D7(t);if(e){var o=D7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return T7(this,n)}}function T7(t,e){return!e||"object"!==x7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function D7(t){return(D7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var A7;function I7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var V7=(I7(A7={VideoProperty:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_7(t,e)}(i,t);var e,n,r,o=C7(i);function i(){return $7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"item video-property"}},{key:"getTitle",value:function(){return this.$i18n("video.property.title")}},{key:"initState",value:function(){return{$video:{el:{}},status:"play",volume:1}}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:ur("$body"),value:function(){var t=this.$selection.current||{playTime:"0:1:1"},e=t.currentTime||0,n=(t.playTime||"0:1:1").split(":").pop();return"\n        <div ref='$tools' class='play-control' data-selected-value=\"".concat(this.state.status,'">\n          <button type="button" data-value="play" >').concat(Wb.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Wb.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <NumberRangeEditor ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(e,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\n          </div>\n        </div>    \n        <div class='divider'></div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='volume'></span>\n            ").concat(this.$i18n("video.property.volume"),"\n          </div>\n          <div ref='$volume_control' class='volume-control' data-selected-value='").concat(this.volumeStatus,"'>\n            <span data-value='muted'>").concat(Wb.volume_off,"</span>\n            <span data-value='down'>").concat(Wb.volume_down,"</span>\n            <span data-value='up'>").concat(Wb.volume_up,'</span>\n            <input type="range" ref=\'$volume\' min="0" max="1" step="0.001" value="').concat(this.state.volume,"\" />\n          </div>          \n        </div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='playbackRate'></span>\n            ").concat(this.$i18n("video.property.playbackRate"),'\n          </div>\n          <div>\n            <NumberRangeEditor ref=\'$playbackRate\' min="0.1" max="10" clamp="true" value="').concat(this.state.playbackRate,"\" step=\"0.001\" onchange=\"changePlaybackRate\" />\n          </div>\n        </div>        \n        <div class='property-item animation-property-item full'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='playTime'></span>\n            ").concat(this.$i18n("video.property.playTime"),"\n          </div>\n          <MediaProgressEditor ref='$progress'  key='playTime' value=\"").concat(t.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:Do("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.emit("setAttribute",{currentTime:e},null,!0)}},{key:Do("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.emit("setAttribute",{playbackRate:e},null,!0)}},{key:Yn("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.emit("setAttribute",{volume:e},null,!0)}},{key:pr("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:pr("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:jn("$tools button"),value:function(t){switch(t.$dt.attr("data-value")){case"play":this.setState({status:"pause"},!1),this.play();break;case"pause":this.setState({status:"play"},!1),this.pause()}this.bindData("$tools")}},{key:Do("changeValue")+nr(100),value:function(t,e){this.state.$video&&this.emit("setAttribute",R7({},t,e),null,!0)}},{key:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",R7({},t,e))}},{key:Do("updateVideoEvent"),value:function(t){this.video.paused&&(this.setState({status:"play",currentTime:this.video.currentTime},!1),this.bindData("$tools")),this.children.$currentTime.setValue(this.video.currentTime)}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this,e=this.$selection.current;this.refreshShow(["video"]),e&&e.is("video")&&this.emit("refElement",e.id,(function(n){var r=n.$("video");t.state.$video=r,t.setState({volume:e.volume,currentTime:e.currentTime,playbackRate:e.playbackRate},!1),t.video.ontimeupdate=function(e){t.trigger("updateVideoEvent",e)},t.video.onprogress=function(e){t.trigger("updateVideoEvent",e)},t.load("$body")}))}},{key:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}}])&&E7(e.prototype,n),r&&E7(e,r),i}(BQ),PatternProperty:P7,GridLayoutItemProperty:d7,FlexLayoutItemProperty:c7,LayoutProperty:Q9,ExportProperty:X9,SVGTextProperty:V9,PathDataProperty:$9,ProjectInformationProperty:w9,BorderNewProperty:p9,TimelineAnimationProperty:o9,ComponentProperty:Z6,ImageAssetsProperty:$6,VideoAssetsProperty:L6,MotionProperty:b6,AlignmentProperty:s6,SVGFilterAssetsProperty:e6,TextClipProperty:K8,SVGItemProperty:B8,GradientAssetsProperty:C8,TextFillProperty:g8,ColorAssetsProperty:f8,ImageProperty:h3,ArtBoardSizeProperty:J5,LayerTreeProperty:G5,ProjectProperty:S5,ArtBoardProperty:C5,PositionProperty:d5,SelectorProperty:c5,BackgroundClipProperty:J4,TransformOriginProperty:X4,PerspectiveProperty:V4,PerspectiveOriginProperty:$4,TransitionProperty:w4,ClipPathProperty:l4,TransformProperty:e4,BackdropFilterProperty:N2,CodeViewProperty:V2,FilterProperty:P2,BorderRadiusProperty:n0,BackgroundImageProperty:h2,KeyframeProperty:r2,AnimationProperty:W1,BorderImageProperty:B1,FontSpacingProperty:k1,TextProperty:p1,TextShadowProperty:r1,FontProperty:W0,ContentProperty:F0,BoxModelProperty:D0,BoxShadowProperty:O0,SizeProperty:f0},"BorderRadiusProperty",n0),I7(A7,"BackgroundColorProperty",UQ),A7);function M7(t){return(M7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z7(t,e){return(z7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function F7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=H7(t);if(e){var o=H7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return G7(this,n)}}function G7(t,e){return!e||"object"!==M7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H7(t){return(H7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var X7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&z7(t,e)}(i,t);var e,n,r,o=F7(i);function i(){return L7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{selectedIndex:1}}},{key:"template",value:function(){return'\n      <div class="feature-control inspector">\n        <div>\n          <div class="tab number-tab" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Wb.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Wb.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspectortab.title.code"),"'>\n                <label class='icon'>").concat(Wb.code,'</label>\n              </div>                                     \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <AlignmentProperty />\n\n                \x3c!-- Default Property --\x3e \n                <PositionProperty />\n                <SizeProperty /> \n\n                \x3c!-- SVG Item --\x3e \n                <SVGTextProperty />        \n                <SVGItemProperty />              \n\n                \x3c!-- Image --\x3e \n                <ImageProperty />\n\n                \x3c!-- Video --\x3e \n                <VideoProperty />\n\n                \x3c!-- Component --\x3e\n                <ComponentProperty />                \n                \n                \x3c!-- Appearance --\x3e \n                <BackgroundColorProperty />\n                <BackgroundImageProperty />                \n                <PatternProperty />\n                <BorderNewProperty />\n                <BorderRadiusProperty />\n\n                <BoxModelProperty />                \n                <LayoutProperty />\n                <FlexLayoutItemProperty />\n                <GridLayoutItemProperty />      \n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <FontProperty />\n                <TextProperty />\n                <TextShadowProperty />\n                <TextFillProperty />\n                <FontSpacingProperty />\n                <TextClipProperty />  \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                \x3c!-- ArtBoard --\x3e \n                <ArtBoardSizeProperty />    \n                \n                \x3c!-- SVG --\x3e\n                <PathDataProperty />                \n\n                \x3c!-- tool --\x3e                \n                <ExportProperty />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <MotionProperty />\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="5">\n                <CodeViewProperty />\n                <div class=\'empty\'></div>                           \n              </div>                       \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:"components",value:function(){return V7}},{key:jn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&B7(e.prototype,n),r&&B7(e,r),i}(Ao);function Y7(t){return(Y7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U7(t,e){return(U7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function W7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q7(t);if(e){var o=q7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z7(this,n)}}function Z7(t,e){return!e||"object"!==Y7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q7(t){return(q7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var J7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U7(t,e)}(i,t);var e,n,r,o=W7(i);function i(){return N7(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Wb.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:jn("$close"),value:function(){this.$el.hide()}},{key:Gn("$title")+or("movePopupTitle")+ir("endPopupTitle"),value:function(){this.x=ln.parse(this.$el.css("left")),this.y=ln.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=ln.px(this.x.value+t),r=ln.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=28,n=320,r=this.$el.css("top"),o=this.$el.css("left"),i="auto"!==r?ln.parse(r):ln.px(110),a="auto"!==o?ln.parse(o):ln.px(document.body.clientWidth-n-e-t);this.$el.css({top:i,left:a,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Do("hidePropertyPopup"),value:function(){this.hide()}}])&&K7(e.prototype,n),r&&K7(e,r),i}(Ao);function Q7(t){return(Q7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ttt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ett(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ttt(Object(n),!0).forEach((function(e){ntt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ttt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ntt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rtt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ott(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function itt(t,e){return(itt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function att(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=utt(t);if(e){var o=utt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ctt(this,n)}}function ctt(t,e){return!e||"object"!==Q7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function utt(t){return(utt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var stt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&itt(t,e)}(i,t);var e,n,r,o=att(i);function i(){return rtt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:jX,RangeEditor:mM}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.px(0),spreadRadius:ln.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:ur("$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:jn("$popup .select button"),value:function(t){var e=t.$dt.attr("data-value");this.getRef("$type").attr("data-selected-value",e),this.updateData({inset:"inset"===e})}},{key:Gn("$popup .drag-board")+or("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:ln.px(a),offsetY:ln.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:Do("changeRangeEditor"),value:function(t,e){this.updateData(ntt({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:Do("changeColor"),value:function(t){this.trigger("changeRangeEditor","color",t)}},{key:Do("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(ett(ett({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:Do("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}])&&ott(e.prototype,n),r&&ott(e,r),i}(J7);function ltt(t){return(ltt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ftt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ptt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ytt(t,e){return(ytt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function htt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vtt(t);if(e){var o=vtt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dtt(this,n)}}function dtt(t,e){return!e||"object"!==ltt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vtt(t){return(vtt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var btt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ytt(t,e)}(i,t);var e,n,r,o=htt(i);function i(){return ftt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:jX,RangeEditor:mM}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.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:ur("$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          <RangeEditor ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n      </div>\n    ")}},{key:Do("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:Do("changeColor"),value:function(t){this.trigger("changeShadow","color",t)}},{key:Gn("$popup .drag-board")+or("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:ln.px(a),offsetY:ln.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:Do("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:Do("hideTextShadowPropertyPopup"),value:function(){this.hide()}}])&&ptt(e.prototype,n),r&&ptt(e,r),i}(J7);function mtt(t){return(mtt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gtt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wtt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ott(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ktt(t,e){return(ktt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Stt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ptt(t);if(e){var o=Ptt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jtt(this,n)}}function jtt(t,e){return!e||"object"!==mtt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ptt(t){return(Ptt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var xtt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ktt(t,e)}(i,t);var e,n,r,o=Stt(i);function i(){return wtt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:sM,CubicBezierEditor:tL,RangeEditor:mM,IterationCountEditor:JL}}},{key:"initState",value:function(){return{name:"none",direction:"normal",duration:ln.second(0),timingFunction:"ease",delay:ln.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:ur("$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>".concat(this.$i18n("animation.property.popup.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>".concat(this.$i18n("animation.property.popup.keyframe"),"</label>\n        <div class='input grid-1'>\n          <select ref='$name'></select>\n        </div>\n      </div>\n    ")}},{key:ur("$name"),value:function(){var t=this,e=this.$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":"",r=t.$i18n(e.key);return"<option value='".concat(e.value,"' ").concat(n,">").concat(r,"</option>")}))}},{key:An("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){var t=this,e="normal,reverse,alternate,alternate-reverse".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n      <div class='direction'>\n        <SelectEditor \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.direction,"\"\n            options='").concat(e,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:Do("changeSelect"),value:function(t,e){this.updateData(gtt({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.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(){var t=this,e="none,forwards,backwards,both".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n    <div class='fill-mode'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.fillMode,"\"\n          options='").concat(e,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='".concat(this.$i18n("animation.property.popup.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='".concat(this.$i18n("animation.property.popup.iteration"),"' calc='false' key='iterationCount' value='").concat(this.state.iterationCount,"' units='normal,infinite' onChange=\"changeRangeEditor\" />\n      </div>\n    ")}},{key:Do("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?ln.number(e.value):ln.string(e.unit)),this.updateData(gtt({},t,e))}},{key:Do("changeCubicBezier"),value:function(t,e){this.updateData(gtt({},t,e))}},{key:Do("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Do("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}])&&Ott(e.prototype,n),r&&Ott(e,r),i}(J7);function Rtt(t){return(Rtt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $tt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ett(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _tt(t,e){return(_tt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ctt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Dtt(t);if(e){var o=Dtt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ttt(this,n)}}function Ttt(t,e){return!e||"object"!==Rtt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Dtt(t){return(Dtt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Att=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ctt(i);function i(){return $tt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:QF}}},{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:In("$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:Do("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:Do("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:Do("hideKeyframePopup"),value:function(){this.$el.hide()}}])&&Ett(e.prototype,n),r&&Ett(e,r),i}(J7);function Itt(t){return(Itt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vtt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Mtt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mtt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Mtt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ltt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Btt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ztt(t,e){return(ztt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ftt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Htt(t);if(e){var o=Htt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Gtt(this,n)}}function Gtt(t,e){return!e||"object"!==Itt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Htt(t){return(Htt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Xtt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ztt(t,e)}(i,t);var e,n,r,o=Ftt(i);function i(){return Ltt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{DirectionEditor:vX,RangeEditor:mM}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=Vtt(e,2),r=n[0],o=n[1],i=yb.parse(r),a=Vtt(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=yb.parse(o),y=Vtt(p,5),h=y[0],d=y[1],v=y[2],b=y[3],m=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:m}}},{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=ln.percent(Math.abs((o.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),u=a.clone(),s=ln.percent(100-r.value).toPx(220),l=ln.percent(100-n.value).toPx(220),f=ln.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=o.toPx(220),y=ln.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=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(y,";'></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(ln.px(l.value-o.value),";height: ").concat(ln.px(s.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(h," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:pr("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jn("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:ur("$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:Do("changeBorderRadius"),value:function(t){var e=Vtt(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=ln.percent(i).toPx(220),u=e.toPx(220),s=ln.percent(i).toPx(220),l=ln.percent(100-r.value).toPx(220),f=ln.percent(100-n.value).toPx(220),p=ln.percent(a).toPx(220),y=o.toPx(220),h=ln.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:y,top:h}),this.refs.$clipArea.css({left:y,top:u,width:ln.px(f.value-y.value),height:ln.px(l.value-u.value)}),this.bindData("$clipAreaView")}},{key:Gn("$area .clip-area-handle")+or("moveClipArea"),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.clipRect={left:ln.parse(this.$target.css("left")),top:ln.parse(this.$target.css("top")),width:ln.parse(this.$target.css("width")),height:ln.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=ln.px(o),c=ln.px(i);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:ln.px(this.areaRect.height-(i+r)).toPercent(this.areaRect.height).round(100),right:ln.px(this.areaRect.width-(o+n)).toPercent(this.areaRect.width).round(100),left:a.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:Gn("$area .drag-pointer")+or(),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,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=ln.px(n-this.areaRect.x),i=ln.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:i.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:ln.px(this.areaRect.height-i.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:ln.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)}}])&&Btt(e.prototype,n),r&&Btt(e,r),i}(Ao);function Ytt(t){return(Ytt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ntt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ktt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ntt(Object(n),!0).forEach((function(e){Utt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ntt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Utt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wtt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Ztt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ztt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ztt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function qtt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jtt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qtt(t,e){return(Qtt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tet(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=net(t);if(e){var o=net(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eet(this,n)}}function eet(t,e){return!e||"object"!==Ytt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function net(t){return(net=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ret=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qtt(t,e)}(i,t);var e,n,r,o=tet(i);function i(){return qtt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=220,n=220;return t.split(",").filter((function(t){return t.trim()})).map((function(t){var r=Wtt(t.trim().split(" "),2),o=r[0],i=r[1];return{x:ln.parse(o).toPx(e),y:ln.parse(i).toPx(n)}}))}},{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:ur("$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(Wb.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Wb.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:jn("$area")+ar,value:function(t){if(dn.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:ln.px(n-this.areaRect.left),y:ln.px(r-this.areaRect.top)}),this.refresh()}}},{key:jn("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:jn("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:pr("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:ur("$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:jn("$area .drag-pointer")+tr+ar,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:Gn("$area .drag-pointer")+or(),value:function(t){this.selectedIndex=+t.$dt.attr("data-index"),this.$target=t.$dt,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=ln.px(n-this.areaRect.x),i=ln.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:ln.px(n.value+10),y:ln.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]=Ktt(Ktt({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&Jtt(e.prototype,n),r&&Jtt(e,r),i}(Ao);function oet(t){return(oet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iet(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return aet(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return aet(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function aet(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function cet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function set(t,e){return(set=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fet(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yet(t);if(e){var o=yet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pet(this,n)}}function pet(t,e){return!e||"object"!==oet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yet(t){return(yet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var het=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&set(t,e)}(i,t);var e,n,r,o=fet(i);function i(){return cet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mM}}},{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=t.split("at").map((function(t){return t.trim()})),o=iet(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=iet(i,2),c=a[0],u=a[1];M(u)&&(u=c),c=ln.parse(c),u=ln.parse(u);var s=e.split(" "),l=iet(s,2),f=l[0],p=l[1];return M(p)&&(p=f),{radiusX:f=ln.parse(f),radiusY:p=ln.parse(p),x:c,y:u}}},{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:pr("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Gn("$area")+or()+ir(),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=ln.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=ln.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:Do("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()))}}])&&uet(e.prototype,n),r&&uet(e,r),i}(Ao);function det(t){return(det="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function met(t,e){return(met=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function get(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Oet(t);if(e){var o=Oet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return wet(this,n)}}function wet(t,e){return!e||"object"!==det(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oet(t){return(Oet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ket=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&met(t,e)}(i,t);var e,n,r,o=get(i);function i(){return vet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:het,PolygonEditor:ret,InsetEditor:Xtt,SelectEditor:sM,CircleEditor:sG}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return $b.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:ur("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:ur("$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=(this.$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:Do("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:Do("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState($b.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:Do("hideClipPathPopup"),value:function(){this.hide()}}])&&bet(e.prototype,n),r&&bet(e,r),i}(J7);function jet(t){return(jet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Pet(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ret(t,e){for(var n=0;n<e.length;n++){var 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($et=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Eet(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cet(t);if(e){var o=Cet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _et(this,n)}}function _et(t,e){return!e||"object"!==jet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cet(t){return(Cet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Tet=["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"],Det=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$et(t,e)}(i,t);var e,n,r,o=Eet(i);function i(){return xet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:sM,CubicBezierEditor:tL,RangeEditor:mM}}},{key:"initState",value:function(){return{property:"all",duration:ln.second(0),timingFunction:"ease",delay:ln.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:ur("$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:Do("changeTransition"),value:function(t,e){this.updateData(Pet({},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(Tet.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:Do("changeRangeEditor"),value:function(t,e){this.updateData(Pet({},t,e))}},{key:Do("changeCubicBezier"),value:function(t,e){this.updateData(Pet({},t,e))}},{key:Do("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Do("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}])&&Ret(e.prototype,n),r&&Ret(e,r),i}(J7);function Aet(t){return(Aet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Iet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Vet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Met(t,e){return(Met=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Let(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zet(t);if(e){var o=zet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bet(this,n)}}function Bet(t,e){return!e||"object"!==Aet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zet(t){return(zet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fet=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Met(t,e)}(i,t);var e,n,r,o=Let(i);function i(){return Iet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:HH,SVGClipPathEditor:iX}}},{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:ur("$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:Do("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:Do("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:In("$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:Do("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:Do("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}])&&Vet(e.prototype,n),r&&Vet(e,r),i}(J7);function Get(t){return(Get="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Het(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yet(t,e,n){return(Yet="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=Wet(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 Net(t,e){return(Net=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ket(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wet(t);if(e){var o=Wet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uet(this,n)}}function Uet(t,e){return!e||"object"!==Get(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wet(t){return(Wet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zet=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Net(t,e)}(i,t);var e,n,r,o=Ket(i);function i(){return Het(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:HF}}},{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>".concat(this.$i18n("selector.popup.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:In("$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(){Yet(Wet(i.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:Do("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:Do("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}])&&Xet(e.prototype,n),r&&Xet(e,r),i}(J7);function qet(t){return(qet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tnt(t,e){return(tnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ent(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rnt(t);if(e){var o=rnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nnt(this,n)}}function nnt(t,e){return!e||"object"!==qet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rnt(t){return(rnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ont=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tnt(t,e)}(i,t);var e,n,r,o=ent(i);function i(){return Jet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:jX}}},{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.state.target&&this.state.target.trigger(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>\n    ")}},{key:ur("$projectColors"),value:function(){return(this.$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:jn("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:Do("changeColor"),value:function(t){this.updateData({color:t})}},{key:Do("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof Ao))throw new Error("ColorPicker needs data.target");this.params=e,this.setState(t,!1),this.children.$color.setValue(this.state.color),this.show(232)}},{key:Do("hideColorPickerPopup"),value:function(){this.hide()}}])&&Qet(e.prototype,n),r&&Qet(e,r),i}(J7);function int(t){return(int="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ant(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function unt(t,e){return(unt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function snt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fnt(t);if(e){var o=fnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lnt(this,n)}}function lnt(t,e){return!e||"object"!==int(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fnt(t){return(fnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pnt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&unt(t,e)}(i,t);var e,n,r,o=snt(i);function i(){return ant(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$imageBox")+er,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(t,e){return"<div class='image-item' ><img src= '".concat(t.local,"' /></div>")}))}},{key:jn("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("src"),naturalWidth:ln.px(e.naturalWidth),naturalHeight:ln.px(e.naturalHeight),width:ln.px(e.naturalWidth),height:ln.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:Do("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:Do("hideImageSelectPopup"),value:function(){this.hide()}}])&&cnt(e.prototype,n),r&&cnt(e,r),i}(J7);function ynt(t){return(ynt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vnt(t,e){return(vnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bnt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gnt(t);if(e){var o=gnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mnt(this,n)}}function mnt(t,e){return!e||"object"!==ynt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gnt(t){return(gnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wnt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vnt(t,e)}(i,t);var e,n,r,o=bnt(i);function i(){return hnt(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$imageList")+er,value:function(){return(this.$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:jn("$imageList .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData(e.attr("src"))}},{key:"updateData",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:Do("addImageAsset"),value:function(){this.refresh()}}])&&dnt(e.prototype,n),r&&dnt(e,r),i}(Ao);function Ont(t){return(Ont="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function knt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Snt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?knt(Object(n),!0).forEach((function(e){jnt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):knt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jnt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Pnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rnt(t,e,n){return(Rnt="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=Cnt(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 $nt(t,e){return($nt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ent(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cnt(t);if(e){var o=Cnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _nt(this,n)}}function _nt(t,e){return!e||"object"!==Ont(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cnt(t){return(Cnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Tnt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$nt(t,e)}(i,t);var e,n,r,o=Ent(i);function i(){return Pnt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:wnt,EmbedColorPicker:jX,GradientEditor:zL}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){Rnt(Cnt(i.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:Do("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Fu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:ur("$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:Do("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Do("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Do("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Do("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:Do("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Do("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(Snt({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&xnt(e.prototype,n),r&&xnt(e,r),i}(J7);function Dnt(t){return(Dnt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ant(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Int(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vnt(t,e){return(Vnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Mnt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bnt(t);if(e){var o=Bnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Lnt(this,n)}}function Lnt(t,e){return!e||"object"!==Dnt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bnt(t){return(Bnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var znt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vnt(t,e)}(i,t);var e,n,r,o=Mnt(i);function i(){return Ant(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:HH}}},{key:"getClassName",value:function(){return"transparent"}},{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:ur("$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:Do("changeFilterEditor"),value:function(t,e){this.updateData({filters:e})}},{key:"refresh",value:function(){this.load()}},{key:Do("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return oj.parse(t)})),t.preview=!L(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:Do("hideSVGFilterPopup"),value:function(){this.$el.hide()}}])&&Int(e.prototype,n),r&&Int(e,r),i}(J7);function Fnt(t){return(Fnt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Hnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Xnt(t,e){return(Xnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ynt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Knt(t);if(e){var o=Knt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Nnt(this,n)}}function Nnt(t,e){return!e||"object"!==Fnt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Knt(t){return(Knt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Unt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Xnt(t,e)}(i,t);var e,n,r,o=Ynt(i);function i(){return Gnt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:jX,RangeEditor:mM,SelectEditor:sM,GradientEditor:zL}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||ln.px(0),y:this.props.y||ln.px(0),width:this.props.width||ln.px(0),height:this.props.height||ln.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.state.params)}},{key:"templateForSize",value:function(){return"\n      <div class='popup-item'>\n        <SelectEditor label=\"".concat(this.$i18n("background.image.position.popup.size"),"\" ref='$size' key='size' value=\"").concat(this.state.size,'" options="contain,cover,auto" onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:Do("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=\"".concat(this.$i18n("background.image.position.popup.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=\"".concat(this.$i18n("background.image.position.popup.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>".concat(this.$i18n("background.image.position.popup.repeat"),"</label>\n      <div class='repeat-list' ref=\"$repeat\" data-value='").concat(this.state.repeat,"'>\n          <button type=\"button\" value='no-repeat' title=\"").concat(this.$i18n("background.image.position.popup.type.no-repeat"),'"></button>\n          <button type="button" value=\'repeat\' title="').concat(this.$i18n("background.image.position.popup.type.repeat"),'"></button>\n          <button type="button" value=\'repeat-x\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-x"),'"></button>\n          <button type="button" value=\'repeat-y\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-y"),'"></button>\n          <button type="button" value=\'space\' title="').concat(this.$i18n("background.image.position.popup.type.space"),'"></button>\n          <button type="button" value=\'round\' title="').concat(this.$i18n("background.image.position.popup.type.round"),'"></button>\n      </div>\n    </div>\n    ')}},{key:jn("$repeat button"),value:function(t){var e=t.$dt;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=\"".concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(RC,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:ur("$picker"),value:function(){return"\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        </div>\n      </div>\n    ")}},{key:Do("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}])&&Hnt(e.prototype,n),r&&Hnt(e,r),i}(J7);function Wnt(t){return(Wnt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Znt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qnt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Znt(Object(n),!0).forEach((function(e){Jnt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Znt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Jnt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Qnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function trt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ert(t,e,n){return(ert="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=irt(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 nrt(t,e){return(nrt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rrt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=irt(t);if(e){var o=irt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ort(this,n)}}function ort(t,e){return!e||"object"!==Wnt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function irt(t){return(irt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var art=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nrt(t,e)}(i,t);var e,n,r,o=rrt(i);function i(){return Qnt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:wnt,EmbedColorPicker:jX,FillEditor:xY}}},{key:"initState",value:function(){return{image:I_.create()}}},{key:"initialize",value:function(){ert(irt(i.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:Do("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Fu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:ur("$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:Do("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Do("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Do("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Do("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.setState(t)}},{key:Do("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Do("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(qnt({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&trt(e.prototype,n),r&&trt(e,r),i}(J7);function crt(t){return(crt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function urt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function srt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lrt(t,e){return(lrt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function frt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yrt(t);if(e){var o=yrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return prt(this,n)}}function prt(t,e){return!e||"object"!==crt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yrt(t){return(yrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hrt={PatternInfoPopup:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lrt(t,e)}(i,t);var e,n,r,o=frt(i);function i(){return urt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"components",value:function(){return gK}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||ln.px(0),y:this.props.y||ln.px(0),width:this.props.width||ln.px(0),height:this.props.height||ln.px(0),lineWidth:this.props.lineWidth||ln.px(1),lineHeight:this.props.lineHeight||ln.px(1),foreColor:this.props.foreColor||"black",backColor:this.props.backColor||"transparent",blendMode:this.props.blendMode||"normal"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1);var e=this.state,n=e.x,r=e.y,o=e.width,i=e.height,a=e.foreColor,c=e.backColor,u=e.blendMode,s=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:o,height:i,foreColor:a,backColor:c,blendMode:u,lineWidth:s,lineHeight:l},this.state.params)}},{key:Do("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(){if(this.hasNotX())return"";var t="X",e="";return"diagonal-line"===this.state.type&&(t=this.$i18n("pattern.info.popup.rotate"),e="deg"),"\n      <div class='popup-item'>\n        <RangeEditor \n            label=\"".concat(t,'"\n            calc="false"            \n            ref="$x" \n            key="x"\n            value="').concat(this.state.x,'"\n            min="0" max="1000" step="1"\n            units="').concat(e,'"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return this.hasNotY()?"":'\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="0" 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=\"".concat(this.$i18n("pattern.info.popup.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=\"".concat(this.$i18n("pattern.info.popup.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:"hasNotLineWidth",value:function(){return["check"].includes(this.state.type)}},{key:"hasNotLineHeight",value:function(){return["cross-dot","dot","check","diagonal-line","horizontal-line"].includes(this.state.type)}},{key:"hasNotX",value:function(){return["grid","dot","horizontal-line"].includes(this.state.type)}},{key:"hasNotY",value:function(){return["grid","dot","diagonal-line","vertical-line"].includes(this.state.type)}},{key:"templateForLineWidth",value:function(){return this.hasNotLineWidth()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineWidth"),'"   \n          calc="false"             \n          ref="$lineWidth" \n          key="lineWidth"\n          value="').concat(this.state.lineWidth,'"          \n          min="0" max="500" step="1" \n          onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForLineHeight",value:function(){return this.hasNotLineHeight()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineHeight"),'"\n          calc="false"          \n          ref="$lineHeight" \n          key="lineHeight"\n          value="').concat(this.state.lineHeight,'"          \n          min="0" max="500" step="1" onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForForeColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$foreColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.foreColor"),"\" \n            key='foreColor' \n            value=\"").concat(this.state.foreColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBackColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$backColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.backColor"),"\" \n            key='backColor' \n            value=\"").concat(this.state.backColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBlendMode",value:function(){return"\n    <div class='popup-item'>\n      <BlendSelectEditor \n            ref='$blend' \n            key='blendMode' \n            label=\"".concat(this.$i18n("pattern.info.popup.blend"),'"\n            value="').concat(this.state.blendMode,'" \n            onchange="changeRangeEditor" \n        />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:ur("$picker"),value:function(){return"\n      \n      <div class='box'>\n\n        <div class='background-property'>      \n          ".concat(this.templateForWidth(),"\n          ").concat(this.templateForHeight(),"        \n          ").concat(this.templateForLineWidth(),"\n          ").concat(this.templateForLineHeight(),"                  \n          ").concat(this.templateForX(),"\n          ").concat(this.templateForY(),"\n          ").concat(this.templateForForeColor(),"\n          ").concat(this.templateForBackColor(),"\n          ").concat(this.templateForBlendMode(),"\n        </div>\n      </div>\n    ")}},{key:Do("showPatternInfoPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changePatternInfoPopup",this.state.params=e,this.state.instance=t.instance,this.setState(t.data),this.show(460)}}])&&srt(e.prototype,n),r&&srt(e,r),i}(J7),FillPickerPopup:art,BackgroundImagePositionPopup:Unt,SVGFilterPopup:znt,GradientPickerPopup:Tnt,ImageSelectPopup:pnt,ColorPickerPopup:ont,SelectorPopup:Zet,SVGPropertyPopup:Fet,ClipPathPopup:ket,KeyframePopup:Att,AnimationPropertyPopup:xtt,TransitionPropertyPopup:Det,TextShadowPropertyPopup:btt,BoxShadowPropertyPopup:stt};function drt(t){return(drt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vrt(t){return function(t){if(Array.isArray(t))return brt(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return brt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return brt(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function brt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function mrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function grt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wrt(t,e,n){return(wrt="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=jrt(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 Ort(t,e){return(Ort=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function krt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jrt(t);if(e){var o=jrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Srt(this,n)}}function Srt(t,e){return!e||"object"!==drt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jrt(t){return(jrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Prt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ort(t,e)}(i,t);var e,n,r,o=krt(i);function i(){return mrt(this,i),o.apply(this,arguments)}return e=i,(n=[{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(){wrt(jrt(i.prototype),"initialize",this).call(this),this.refs.$head=dn.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(Q(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,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeStyle(t)})).join("")}},{key:"makeDragStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateDragView("[data-id='".concat(t.id,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"-drag'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeDragStyle(t)})).join("")}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new lP;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,n=dn.create("div"),r=this.makeStyle(t);n.html(r).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"changeDragStyleHead",value:function(t){var e=this;dn.create("div").html(this.makeDragStyle(t)).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"refreshStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=t.allLayers);var r=n.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeStyleHead(t)}},{key:"refreshDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(vrt(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeDragStyleHead(t)}},{key:"removeDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(vrt(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()}))}},{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:ur("$svgArea"),value:function(){var t=this.$selection.currentProject||{};return this.makeSvg(t)}},{key:Do("refreshStyleView","moveTimeline","playTimeline"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t?(this.load(),this.refreshStyleHeadOne(t,e)):this.refresh()}},{key:Do("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:Do("refreshSelectionStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;B(e)?n=e:null!==e&&(n=[e]);var r=[];r=n?F(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items;var o=[],i=[];r.forEach((function(e){var n=e.allLayers.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");i.push(n),o.push(t.makeStyle(e))})),i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var a=dn.create("div"),c=a.html(o.join("")).createChildrenFragment();this.refs.$head.append(c)}},{key:Do("removeSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;B(e)?n=e:null!==e&&(n=[e]),(n?F(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.removeDragStyleHeadOne(e,!0)}))}},{key:Do("refreshSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;B(e)?n=e:null!==e&&(n=[e]),(n?F(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.refreshDragStyleHeadOne(e,!0)}))}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}])&&grt(e.prototype,n),r&&grt(e,r),i}(Ao);function xrt(t){return(xrt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Rrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ert(t,e){return(Ert=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _rt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Trt(t);if(e){var o=Trt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Crt(this,n)}}function Crt(t,e){return!e||"object"!==xrt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Trt(t){return(Trt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Drt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ert(t,e)}(i,t);var e,n,r,o=_rt(i);function i(){return Rrt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{ArtBoardProperty:C5,LayerTreeProperty:G5}}},{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    "}}])&&$rt(e.prototype,n),r&&$rt(e,r),i}(Ao),Art={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 Irt(t){return(Irt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vrt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Mrt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mrt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Mrt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Lrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Brt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zrt(t,e){return(zrt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Frt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Hrt(t);if(e){var o=Hrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Grt(this,n)}}function Grt(t,e){return!e||"object"!==Irt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hrt(t){return(Hrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Xrt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zrt(t,e)}(i,t);var e,n,r,o=Frt(i);function i(){return Lrt(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Art).map((function(t){return"<div class='path-item'>".concat(Art[t],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$el .path-item"),value:function(t){var e=t.$dt.$("svg"),n=e.$("path"),r=Vrt(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("convertPath",u,s)}}])&&Brt(e.prototype,n),r&&Brt(e,r),i}(Ao);function Yrt(t){return(Yrt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Krt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Urt(t,e){return(Urt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Wrt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qrt(t);if(e){var o=qrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Zrt(this,n)}}function Zrt(t,e){return!e||"object"!==Yrt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qrt(t){return(qrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Jrt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Urt(t,e)}(i,t);var e,n,r,o=Wrt(i);function i(){return Nrt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='component-items'>\n        <div class='group'>\n          <label>".concat(this.$i18n("component.items.canvas"),"</label>\n          <div class='list'>\n            <SelectTool title='Select' />\n            <AddArtboard title='Artboard' />            \n          </div>\n        </div>              \n        <div class='group'>\n        <label>").concat(this.$i18n("component.items.layer"),"</label>\n          <div class='list'>\n            <AddRect title='Rect' />\n            <AddCircle title='Circle' />         \n            <AddText title='Text' />\n            <AddImage title='Image' />\n            <AddVideo title='Video' />\n          </div>\n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.drawing"),"</label>\n          <div class='list'>            \n            \x3c!--<AddDrawBrush title='Brush' />--\x3e\n            <AddDrawPath title='Draw' />\n            <AddPath title='Path' />\n            <AddSVGRect title='Rect' />\n            <AddSVGCircle title='Circle' />\n            <AddSVGText title='Text' />\n            <AddSVGTextPath title='Text Path' />\n          </div>          \n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.custom"),"</label>\n          <div class='list'>            \n            <AddCube title='Cube' />\n            <AddCylinder title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:jn("$el button"),value:function(t){var e=this.refs.$el.$(".selected");e&&e.removeClass("selected"),t.$dt.addClass("selected")}}])&&Krt(e.prototype,n),r&&Krt(e,r),i}(Ao);function Qrt(t){return(Qrt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function eot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function not(t,e){return(not=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=iot(t);if(e){var o=iot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return oot(this,n)}}function oot(t,e){return!e||"object"!==Qrt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iot(t){return(iot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var aot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&not(t,e)}(i,t);var e,n,r,o=rot(i);function i(){return tot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='preview-tool-menu'>\n        <div class='items'>\n          <Fullscreen />      \n          <ExportView />\n          <ExportCodePen />\n          <div class='divdier'></div>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />          \n        </div>                \n      </div>\n    "}}])&&eot(e.prototype,n),r&&eot(e,r),i}(Ao);function cot(t){return(cot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lot(t,e){return(lot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yot(t);if(e){var o=yot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pot(this,n)}}function pot(t,e){return!e||"object"!==cot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yot(t){return(yot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hot={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var dot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lot(t,e)}(i,t);var e,n,r,o=fot(i);function i(){return uot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:ur("$el"),value:function(){return rp.map((function(t){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(t.description,"</label>\n            <span><kbd>").concat((e=t.key,e.toLowerCase().split("+").map((function(t){return hot[t]||t})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(t.when,"</div>\n        </div>\n      ");var e}))}}])&&sot(e.prototype,n),r&&sot(e,r),i}(Ao);function vot(t){return(vot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bot(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mot(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bot(Object(n),!0).forEach((function(e){got(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bot(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function got(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Oot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kot(t,e){return(kot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Sot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Pot(t);if(e){var o=Pot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jot(this,n)}}function jot(t,e){return!e||"object"!==vot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Pot(t){return(Pot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var xot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kot(t,e)}(i,t);var e,n,r,o=Sot(i);function i(){return wot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return mot(mot({ShortCutItems:dot},V7),{},{ObjectItems:Drt,ComponentItems:Jrt,LibraryItems:Xrt,PreviewToolMenu:aot})}},{key:"initState",value:function(){return{selectedIndex:2}}},{key:"template",value:function(){return"\n      <div class='layer-tab'>\n        <div class=\"tab number-tab side-tab side-tab-left\" data-selected-value=\"2\" ref=\"$tab\">\n          <div class=\"tab-header full\" ref=\"$header\">\n            <div class='logo-item'>\n              <label class='logo' title='EasyLogic Studio'></label>\n            </div>                  \n            <div class='tab-item' data-value='4' title=\"".concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Wb.add,'</label>\n            </div>          \n            <div class="tab-item selected" data-value="2" title="').concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Wb.account_tree,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(Wb.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Wb.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.keyMap"),'">\n              <label>').concat(Wb.keyboard,"</label>\n            </div>               \n            <div class='tab-item extra-item' >\n              <PreviewToolMenu />\n            </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 selected\" data-value=\"2\">\n              <ObjectItems />\n            </div>\n            <div class='tab-content' data-value='3'>\n              <LibraryItems />\n            </div>\n            <div class='tab-content' data-value='4'>\n              <ComponentItems />\n            </div>\n            <div class='tab-content' data-value='6'>\n              <ShortCutItems />\n            </div>                \n            <div class='tab-content' data-value='5'>\n              <div class='assets'>\n                <ColorAssetsProperty />\n                <GradientAssetsProperty />    \n                <PatternAssetsProperty />    \n                <ImageAssetsProperty />      \n                <VideoAssetsProperty />       \n                <SVGFilterAssetsProperty />                \n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$header .tab-item:not(.extra-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&Oot(e.prototype,n),r&&Oot(e,r),i}(Ao);function Rot(t){return(Rot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $ot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _ot(t,e){return(_ot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Cot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Dot(t);if(e){var o=Dot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Tot(this,n)}}function Tot(t,e){return!e||"object"!==Rot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Dot(t){return(Dot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Aot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_ot(t,e)}(i,t);var e,n,r,o=Cot(i);function i(){return $ot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{LayerTab:xot}}},{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <LayerTab />\n      </div>\n    '}}])&&Eot(e.prototype,n),r&&Eot(e,r),i}(Ao);function Iot(t){return(Iot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Lot(t,e){return(Lot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Bot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Fot(t);if(e){var o=Fot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return zot(this,n)}}function zot(t,e){return!e||"object"!==Iot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Fot(t){return(Fot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Got=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Lot(t,e)}(i,t);var e,n,r,o=Bot(i);function i(){return Vot(this,i),o.apply(this,arguments)}return e=i,(n=[{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    "}}])&&Mot(e.prototype,n),r&&Mot(e,r),i}(Ao);function Hot(t){return(Hot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Not(t,e){return(Not=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wot(t);if(e){var o=Wot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uot(this,n)}}function Uot(t,e){return!e||"object"!==Hot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wot(t){return(Wot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Not(t,e)}(i,t);var e,n,r,o=Kot(i);function i(){return Xot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='external-tool-menu  right'>\n        <div class='items'>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    "}}])&&Yot(e.prototype,n),r&&Yot(e,r),i}(Ao);function qot(t){return(qot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tit(t,e){return(tit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function eit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rit(t);if(e){var o=rit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nit(this,n)}}function nit(t,e){return!e||"object"!==qot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rit(t){return(rit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var oit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tit(t,e)}(i,t);var e,n,r,o=eit(i);function i(){return Jot(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Wb.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:jn("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Do("showExportWindow"),value:function(){this.show(),this.refresh()}}])&&Qot(e.prototype,n),r&&Qot(e,r),i}(Ao);function iit(t){return(iit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ait(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uit(t,e){return(uit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fit(t);if(e){var o=fit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lit(this,n)}}function lit(t,e){return!e||"object"!==iit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fit(t){return(fit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uit(t,e)}(i,t);var e,n,r,o=sit(i);function i(){return ait(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"export-window"}},{key:"getTitle",value:function(){return"Export"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="tab number-tab" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" 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 selected" 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:Do("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var t=this,e=this.$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=_c.generate(this.$editor);if(this.refs.$js.text(o.js),this.$selection.currentArtboard){var i=_c.generateSVG(this.$editor,this.$selection.currentArtboard);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(dn.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(Q(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:jn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&cit(e.prototype,n),r&&cit(e,r),i}(oit);function yit(t){return(yit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hit(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vit(t,e){return(vit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=git(t);if(e){var o=git(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mit(this,n)}}function mit(t,e){return!e||"object"!==yit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function git(t){return(git=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vit(t,e)}(i,t);var e,n,r,o=bit(i);function i(){return hit(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"login-window"}},{key:"getTitle",value:function(){return"Login"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$login\'>Login</button>\n            </div>\n        '}},{key:jn("$login"),value:function(t){var e=this,n=this.refs.$email.value,r=this.refs.$password.value;firebase.auth().signInWithEmailAndPassword(n,r).then((function(t){e.$editor.setUser(t),e.hide()})).catch((function(t){t.code,t.message,console.log(t)}))}},{key:Do("showLoginWindow"),value:function(){this.show()}}])&&dit(e.prototype,n),r&&dit(e,r),i}(oit);function Oit(t){return(Oit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kit(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Sit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jit(t,e){return(jit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Pit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rit(t);if(e){var o=Rit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xit(this,n)}}function xit(t,e){return!e||"object"!==Oit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rit(t){return(Rit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $it={SignWindow:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jit(t,e)}(i,t);var e,n,r,o=Pit(i);function i(){return kit(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"sign-window"}},{key:"getTitle",value:function(){return"Sign"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>fullname <input type="text" ref="$fullname" /></label>\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$register\'>Register</button>\n            </div>\n        '}},{key:jn("$register"),value:function(){console.log(firebase);var t=this.refs.$email.value,e=this.refs.$password.value;firebase.auth().createUserWithEmailAndPassword(t,e).catch((function(t){t.code,t.message,console.log(t)}))}},{key:Do("showSignWindow"),value:function(){this.show()}}])&&Sit(e.prototype,n),r&&Sit(e,r),i}(oit),LoginWindow:wit,ExportWindow:pit};function Eit(t){return(Eit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _it(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Cit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Tit(t,e){return(Tit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Dit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Iit(t);if(e){var o=Iit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ait(this,n)}}function Ait(t,e){return!e||"object"!==Eit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Iit(t){return(Iit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Vit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tit(t,e)}(i,t);var e,n,r,o=Dit(i);function i(){return _it(this,i),o.apply(this,arguments)}return e=i,(n=[{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            <input type='file' accept='video/*' multiple=\"true\" ref='$video' class='embed-video-input'/>\n        </div>\n        "}},{key:An("$file"),value:function(t){var e=this;this.refs.$file.files.forEach((function(t){e.emit("updateImage",t,e.state.rect)}))}},{key:An("$video"),value:function(t){var e=this;this.refs.$video.files.forEach((function(t){e.emit("updateVideo",t,e.state.rect)}))}},{key:Do("openImage"),value:function(t){this.state.rect=t,this.refs.$file.click()}},{key:Do("openVideo"),value:function(t){this.state.rect=t,this.refs.$video.click()}}])&&Cit(e.prototype,n),r&&Cit(e,r),i}(Ao);function Mit(t){return(Mit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lit(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Bit(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Bit(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Bit(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function zit(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Fit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Git(t,e){return(Git=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Hit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Yit(t);if(e){var o=Yit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Xit(this,n)}}function Xit(t,e){return!e||"object"!==Mit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Yit(t){return(Yit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Nit={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},Kit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Git(t,e)}(i,t);var e,n,r,o=Hit(i);function i(){return zit(this,i),o.apply(this,arguments)}return e=i,(n=[{key:Do("refreshCanvas","refreshSelection")+nr(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(t){var e=this,n=this.$selection.currentArtboard,r=n.searchById(t.id);if(r){var o=this.$timeline.checkLayer(r.id),i=n.searchById(r.id);return"\n        <div class='timeline-object' data-timeline-animation-id=\"".concat(r.id,"\">\n            <div class='timeline-object-row layer' data-selected='").concat(o,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(Wb.chevron_right,"</div>\n                <div class='title'> ").concat(r.name,"</div>\n                <div class='tools'>\n                    <button type=\"button\" class='remove-timeline' data-layer-id='").concat(r.id,"'>").concat(Wb.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(t.properties.map((function(t){var n=e.$timeline.checkProperty(r.id,t.property);return"\n                <div class='timeline-object-row layer-property' data-selected='".concat(n,"' data-layer-id='").concat(r.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 Nit[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?i.totalLength:"","\n                      ").concat("points"===t.property?i.totalLength:"","\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(r.id,"' data-property='").concat(t.property,"'>").concat(Wb.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(r.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:ur()+er,value:function(){var t=this,e=this.$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")})),this.$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:jn("$el .timeline-object-row.layer .title"),value:function(t){var e=t.$dt.closest("timeline-object");e.toggleClass("collapsed");var n=t.$dt.closest("timeline-object-row").attr("data-layer-id");this.$timeline.selectLayer(n),this.$timeline.toggleLayerContainer(e.attr("data-timeline-animation-id")),this.refreshSelection(),this.emit("toggleTimelineObjectRow",n,e.hasClass("collapsed"))}},{key:jn("$el .timeline-object-row.layer .add-property"),value:function(t){var e=t.$dt.closest("timeline-object-row").$(".property-select").val(),n=t.$dt.attr("data-layer-id");if(e){var r=this.$selection.current;this.emit("addTimelineProperty",{layerId:n,property:e,value:r[e]})}}},{key:jn("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$dt.attr("data-layer-id");e&&this.emit("removeTimeline",e)}},{key:jn("$el .timeline-object-row.layer-property .add"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("copyTimelineProperty",e,n)}},{key:jn("$el .timeline-object-row.layer-property .remove"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("removeTimelineProperty",e,n)}},{key:jn("$el .timeline-object-row.layer-property .title"),value:function(t){var e=Lit(t.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),2),n=e[0],r=e[1];this.$timeline.selectProperty(n,r),this.refreshSelection(),this.emit("refreshTimeline")}},{key:Do("refreshTimeline"),value:function(){this.refresh()}}])&&Fit(e.prototype,n),r&&Fit(e,r),i}(Ao);function Uit(t){return(Uit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wit(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Zit(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wit(Object(n),!0).forEach((function(e){qit(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wit(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qit(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Jit(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Qit(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Qit(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Qit(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function tat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function eat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function nat(t,e){return(nat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=iat(t);if(e){var o=iat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return oat(this,n)}}function oat(t,e){return!e||"object"!==Uit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iat(t){return(iat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var aat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nat(t,e)}(i,t);var e,n,r,o=rat(i);function i(){return tat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"config",value:function(t){return this.parent.state[t]}},{key:"calculateTimeToPosition",value:function(t,e,n){var r=(t-e)/(n-e);return ln.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=this.$selection.currentArtboard,o=Jit(e.split(",").map((function(t){return t.trim()})),1)[0],i=r.searchById(o);i&&(e=i.d)}else e=null;if(e){var a=I$(new Ya(e).segments),c=a.totalLength,u=a.interpolateList,s=0;(n=u.map((function(t){var e={totalLength:c,length:t.length+s};return s+=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){var i=r.calculateTimeToPosition(t.time,e.displayStartTime,e.displayEndTime),a=r.makeSubOffset(n.property,t.value);return Zit(Zit({left:i},t),{},{subOffset:a,index:o})}));return"\n        <div class='keyframe-back'".concat(et({"data-layer-id":t,"data-property":n.property}),">\n\n            ").concat(o.map((function(e,i){var a=o[i+1];if(!a)return"";var c=ln.px(e.left.value),u=ln.px(a.left.value-e.left.value),s=r.$timeline.checked(e.id)&&r.$timeline.checked(a.id);return"\n                    <div ".concat(et({"data-selected":"".concat(s),class:{"offset-line":!0}})," style='left: ").concat(c,"; width: ").concat(u,"'} ></div>\n\n                    ").concat(e.subOffset.map((function(r,o){var i=ln.px(e.left.value+r.length/r.totalLength*u.value);return"\n                        <div class='".concat(nt({"sub-offset":!0}),"' style='left: ").concat(i,"' ").concat(et({"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 o=r.$timeline.checked(e.id);return"<div class='offset' style='left: ".concat(e.left,"' ").concat(et({"data-selected":"".concat(o),"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=this.$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 ".concat(nt({collapsed:e.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div class='timeline-keyframe-row layer'  ").concat(et({"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(et({"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=dn.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=M(t)?this.state.rowIndex:+t}},{key:$n("$el")+qn("Backspace"),value:function(t){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(t,e){return 0===t&&0===e}},{key:Gn("$el")+Zn("hasDragPlace")+or("moveDragArea")+ir("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(dn.create(t.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(t,e){if(!this.isNotMoved(t,e)){var n=t<0?ln.px(this.dragXY.x+t):ln.px(this.dragXY.x),r=e<0?ln.px(this.dragXY.y+e):ln.px(this.dragXY.y),o=ln.px(Math.abs(t)),i=ln.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(dn.create(this.$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=Jit(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.isNotMoved(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);this.$timeline.selectBySearch(this.getLayerList(),r,o),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:ur("$keyframeList")+er,value:function(){var t=this,e=this.$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:jn("$el .timeline-keyframe-row.layer .title"),value:function(t){t.$dt.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:Pn("$el .layer-property"),value:function(t){var e=Jit(t.$dt.attrs("data-layer-id","data-property"),2),n=e[0],r=e[1],o=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("addTimelineKeyframe",{layerId:n,property:r,time:o}),this.doubleClicked=!0,this.refresh()}},{key:Gn("$el .layer-property .offset")+Zn("hasCurrentTimeline")+or("moveOffset")+ir("moveEndOffset"),value:function(t){var e=this;this.$offset=t.$dt;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=this.$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,this.$timeline.checked(n)||this.$timeline.select(this.offset),this.cachedOffsetList={},this.$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;if(!this.isNotMoved(t,e)){var 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);this.$timeline.each((function(t){var e=n.cachedOffsetList[t.id]+u*c;e=Math.max(e,o),e=Math.min(e,i);var r=Uc(a,e);e=Kc(a,r),t.time=e})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:Do("toggleTimelineObjectRow"),value:function(t,e){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(t,'"]')).toggleClass("collapsed",e)}},{key:"moveEndOffset",value:function(t,e){if(this.isNotMoved(t,e))return this.refresh(),void this.emit("refreshOffsetValue",this.offset);var n=this.$selection.currentArtboard;n&&(this.$timeline.each((function(t){n.sortTimelineKeyframe(t.layerId,t.property)})),this.refresh())}},{key:Do("addTimeline","moveTimeline")+nr(100),value:function(){this.refresh()}},{key:Do("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Do("resize.window")+nr(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}}])&&eat(e.prototype,n),r&&eat(e,r),i}(Ao);function cat(t){return(cat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lat(t,e){return(lat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yat(t);if(e){var o=yat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pat(this,n)}}function pat(t,e){return!e||"object"!==cat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yat(t){return(yat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lat(t,e)}(i,t);var e,n,r,o=fat(i);function i(){return uat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(Wb.timer,'</button>\n                <label><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:Do("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:Do("refreshTimeline"),value:function(){this.refresh()}},{key:Do("moveTimeline","refreshSelection")+rr(10),value:function(){this.refresh()}},{key:$n("$fps")+Jn,value:function(t){var e=+this.refs.$fps.val(),n=this.$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:jn("$timer"),value:function(){var t=this.$selection.currentArtboard;t&&(t.seek(this.refs.$currentTime.value,(function(t){return!0})),this.emit("playTimeline"))}},{key:Rn("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:$n("$currentTime")+Jn+Zn("checkNumberOrTimecode")+Zn("hasCurrentTimeline")+ar,value:function(t){var e=this.refs.$currentTime.value,n=this.$selection.currentArtboard;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:Rn("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:$n("$duration")+Jn+Zn("checkNumberOrTimecode")+Zn("hasCurrentTimeline")+ar,value:function(t){var e=this.refs.$duration.value,n=this.$selection.currentArtboard;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&sat(e.prototype,n),r&&sat(e,r),i}(Ao);function dat(t){return(dat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mat(t,e){return(mat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function gat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Oat(t);if(e){var o=Oat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return wat(this,n)}}function wat(t,e){return!e||"object"!==dat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oat(t){return(Oat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var kat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mat(t,e)}(i,t);var e,n,r,o=gat(i);function i(){return vat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{KeyframeTimeControl:hat}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <KeyframeTimeControl />\n            </div>\n        "}}])&&bat(e.prototype,n),r&&bat(e,r),i}(Ao);function Sat(t){return(Sat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jat(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pat(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Rat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $at(t,e){return($at=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Eat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cat(t);if(e){var o=Cat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _at(this,n)}}function _at(t,e){return!e||"object"!==Sat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cat(t){return(Cat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Tat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$at(t,e)}(i,t);var e,n,r,o=Eat(i);function i(){return xat(this,i),o.apply(this,arguments)}return e=i,(n=[{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=ln.percent(t.displayStartTime/t.totalTime*100),n=ln.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:ln.percent(n.value-e.value)})}}},{key:Gn("$start")+Zn("hasCurrentTimeline")+or("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=ln.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveStartButton",value:function(){var t=this.$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:Gn("$end")+Zn("hasCurrentTimeline")+or("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=ln.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveEndButton",value:function(){var t=this.$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:Gn("$gauge")+Zn("hasCurrentTimeline")+or("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=this.$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(Pat({},t,e),!1)}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_grid_font_color"),e=this.$theme("timeline_timeview_bottom_color"),n=this.$theme("timeline_line_color"),r=this.currentTimeline;if(r){var o=this.$el.rect(),i=o.width,a=(o.height,r.displayStartTime),c=r.displayEndTime,u=r.fps,s=r.currentTime,l=Math.floor(a*u),f=Math.floor(c*u),p=(i=o.width,f-l),y=5;p<100?y=10:p<1e3?y=100:p<1e4?y=1e3:p<1e5&&(y=1e4),l%y!=0&&(l+=y-l%y);var h={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:i,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),o=i-20;for(this.drawOption(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jat(Object(n),!0).forEach((function(e){Pat(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jat(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},h));l<f;l+=y){var p=(Kc(u,l)-a)/(c-a)*o;this.drawOption({fillStyle:t}),this.drawText(p+10,7,Wc(u,l).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var d=(s-a)/(c-a)*o;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([d-4+10,r.height-10],[d+4+10,r.height-10],[d+4+10,r.height-4],[d+10,r.height],[d-4+10,r.height-4],[d-4+10,r.height-10])}))}}},{key:Gn("$canvas")+Zn("hasCurrentTimeline")+or()+ir("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.artboard=this.$selection.currentArtboard,this.emit("hideSelectionToolView"),this.$selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var t=this.width,e=t,n=this.$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(){this.emit("resetSelection")}},{key:Do("resize.window")+nr(100),value:function(){this.refresh()}},{key:Do("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Do("moveTimeline","refreshSelection")+rr(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&Rat(e.prototype,n),r&&Rat(e,r),i}(Ao);function Dat(t){return(Dat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Aat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Iat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vat(t,e){return(Vat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Mat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bat(t);if(e){var o=Bat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Lat(this,n)}}function Lat(t,e){return!e||"object"!==Dat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bat(t){return(Bat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var zat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vat(t,e)}(i,t);var e,n,r,o=Mat(i);function i(){return Aat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n            <div class='keyframe-time-grid-view'>\n                <canvas ref=\"$canvas\"></canvas>\n            </div>\n        "}},{key:"refresh",value:function(){this.refreshCanvas()}},{key:"currentTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_line_color"),e=this.currentTimeline();if(e){var n=this.$el.rect().width,r=e.currentTime,o=e.displayStartTime,i=e.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var e=this.rect(),a=(r-o)/(i-o)*(n-20);this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(a+10,0,a+10,e.height)}))}}},{key:Do("resize.window")+nr(100),value:function(){this.refresh()}},{key:Do("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Do("moveTimeline","refreshSelection")+rr(50),value:function(){this.refresh()}}])&&Iat(e.prototype,n),r&&Iat(e,r),i}(Ao);function Fat(t){return(Fat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gat(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hat(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Xat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nat(t,e){return(Nat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wat(t);if(e){var o=Wat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uat(this,n)}}function Uat(t,e){return!e||"object"!==Fat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wat(t){return(Wat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Nat(t,e)}(i,t);var e,n,r,o=Kat(i);function i(){return Xat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{CSSPropertyEditor:HF,CubicBezierEditor:tL}}},{key:"initState",value:function(){return{time:0,timing:"linear",selectedIndex:1}}},{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:M(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter((function(t){return t.key}))}},{key:"refresh",value:function(){var t=this.$selection.currentArtboard,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=Uc(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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" data-value="1">\n                    <label>'.concat(this.$i18n("timeline.value.editor.value"),'</label>\n                </div>          \n                <div class="tab-item" data-value="2">\n                    <label>').concat(this.$i18n("timeline.value.editor.timing"),'</label> \n                </div>                            \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content selected 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:jn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1),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:Rn("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:$n("$offsetTime")+Jn+Zn("checkNumberOrTimecode")+ar,value:function(t){var e=this.refs.$offsetTime.value,n=this.$selection.currentArtboard;if(n){var r=n.getSelectedTimeline();this.updateData({time:Kc(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <input type=\"text\" ref='$offsetTime' />\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(Wb.gps_fixed,"</button>\n      </div>\n    ")}},{key:jn("$seek"),value:function(){var t=this,e=this.$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"\n      <CSSPropertyEditor ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{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:Do("refreshPropertyValue"),value:function(){var t=this.$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:Do("refreshOffsetValue"),value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gat(Object(n),!0).forEach((function(e){Hat(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gat(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t),!1),this.refresh()}},{key:Do("changeCubicBezier"),value:function(t,e){this.updateData(Hat({},t,e+""))}},{key:Do("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}])&&Yat(e.prototype,n),r&&Yat(e,r),i}(Ao);function qat(t){return(qat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tct(t,e){return(tct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ect(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rct(t);if(e){var o=rct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nct(this,n)}}function nct(t,e){return!e||"object"!==qat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rct(t){return(rct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var oct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tct(t,e)}(i,t);var e,n,r,o=ect(i);function i(){return Jat(this,i),o.apply(this,arguments)}return e=i,(n=[{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' title='").concat(this.$i18n("timeline.play.control.play"),"'>").concat(Wb.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(Wb.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(Wb.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(Wb.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(Wb.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(Wb.skip_next,"</button>\n                    </div>\n                </div>\n                <div class='row'>            \n                    <label title='Speed'>").concat(this.$i18n("timeline.play.control.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'>").concat(this.$i18n("timeline.play.control.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> ").concat(this.$i18n("timeline.play.control.direction"),"</label>\n                    <div class='direction-buttons' ref='$direction' data-selected-direction='").concat(this.state.direction,"'>\n                        <button type=\"button\" data-value='normal' title='").concat(this.$i18n("timeline.play.control.normal"),"'>").concat(Wb.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(Wb.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(Wb.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(Wb.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();return r&&(t=r.speed,e=r.iterationCount,n=r.direction),{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=this.$selection.currentArtboard;e&&e.setTimelineInfo(t)}},{key:jn("$playButtons button"),value:function(t){var e=t.$dt.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("firstTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"prev",value:function(){this.emit("prevTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"next",value:function(){this.emit("nextTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"last",value:function(){this.emit("lastTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"play",value:function(){this.emit("playTimelineItem",this.state.speed,this.state.iterationCount,this.state.direction)}},{key:"pause",value:function(){this.emit("pauseTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:Do("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:jn("$direction button"),value:function(t){this.updateData({direction:t.$dt.attr("data-value")}),this.refresh()}},{key:jn("$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:In("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:In("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:pr("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:pr("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:pr("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:Do("selectTimeline"),value:function(){this.refresh()}}])&&Qat(e.prototype,n),r&&Qat(e,r),i}(Ao);function ict(t){return(ict="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function act(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uct(t,e){return(uct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fct(t);if(e){var o=fct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lct(this,n)}}function lct(t,e){return!e||"object"!==ict(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fct(t){return(fct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uct(t,e)}(i,t);var e,n,r,o=sct(i);function i(){return act(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{TimelineAnimationProperty:o9,TimelinePlayControl:oct,TimelineValueEditor:Zat,KeyframeTimeView:Tat,TimelineKeyframeList:aat,TimelineObjectList:Kit,TimelineTopToolbar:kat,KeyframeTimeGridView:zat}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{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:zn("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:zn("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:Do("refreshValueEditor")+nr(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:Do("changeKeyframeValue"),value:function(t){this.emit("setTimelineOffset",t)}},{key:Cn("$area")+ar,value:function(t){}},{key:_n("$area")+ar,value:function(t){this.emit("addTimelineItem",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow())}}])&&cct(e.prototype,n),r&&cct(e,r),i}(BQ);function yct(t){return(yct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vct(t,e){return(vct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gct(t);if(e){var o=gct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mct(this,n)}}function mct(t,e){return!e||"object"!==yct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gct(t){return(gct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wct=Object.keys(Io),Oct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vct(t,e)}(i,t);var e,n,r,o=bct(i);function i(){return hct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sM}}},{key:"template",value:function(){var t=this,e=wct.map((function(e){var n=t.$i18n("app.lang.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='language-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Do("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}])&&dct(e.prototype,n),r&&dct(e,r),i}(Ao);function kct(t){return(kct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Pct(t,e){return(Pct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function xct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=$ct(t);if(e){var o=$ct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Rct(this,n)}}function Rct(t,e){return!e||"object"!==kct(e)&&"function"!=typeof e?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)}var Ect=["dark","light"],_ct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pct(t,e)}(i,t);var e,n,r,o=xct(i);function i(){return Sct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sM}}},{key:"template",value:function(){var t=this,e=Ect.map((function(e){var n=t.$i18n("app.theme.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='theme-switcher'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.theme,'" \n                        onchange="changeItem"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Do("changeItem"),value:function(t,e){this.emit("switchTheme",e)}}])&&jct(e.prototype,n),r&&jct(e,r),i}(Ao);function Cct(t){return(Cct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Dct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Act(t,e){return(Act=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ict(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Mct(t);if(e){var o=Mct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Vct(this,n)}}function Vct(t,e){return!e||"object"!==Cct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mct(t){return(Mct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Lct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Act(t,e)}(i,t);var e,n,r,o=Ict(i);function i(){return Tct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{LanguageSelector:Oct,ThemeSwitcher:_ct}}},{key:"template",value:function(){return"\n            <div class='status-bar'>\n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$tool'>\n                    <ThemeSwitcher />\n                    <LanguageSelector />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:pr("$msg"),value:function(){return{text:this.state.msg}}},{key:Do("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}])&&Dct(e.prototype,n),r&&Dct(e,r),i}(Ao);function Bct(t){return(Bct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zct(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Fct(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zct(Object(n),!0).forEach((function(e){Gct(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zct(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gct(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Hct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yct(t,e,n){return(Yct="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=Wct(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 Nct(t,e){return(Nct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wct(t);if(e){var o=Wct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uct(this,n)}}function Uct(t,e){return!e||"object"!==Bct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wct(t){return(Wct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zct=["INPUT","SELECT","TEXTAREA"],qct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Nct(t,e)}(i,t);var e,n,r,o=Kct(i);function i(){return Hct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){Yct(Wct(i.prototype),"initialize",this).call(this);var t=dn.body();t.attr("data-theme",this.$editor.theme),t.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{leftSize:280}}},{key:Do("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n\n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n              <ToolMenu />    \n              <PageSubEditor />      \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <CanvasView />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <ObjectList />\n          </div>\n          <div class=\"layout-right\">\n            <Inspector />\n          </div>\n\n          <div class='layout-tools'>\n            <button ref='$toggleRight'>".concat(Wb.dahaze,"</button>\n          </div>\n          <div class='layout-footer'>\n            <TimelineProperty />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>                 \n        </div>\n        \n        <StatusBar />\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        <PatternInfoPopup />\n        <SVGFilterPopup />\n        <StyleView />    \n        <ExportWindow />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        <ImageFileView />\n      </div>\n    ")}},{key:pr("$headerPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:pr("$splitter"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:pr("$leftPanel"),value:function(){return{style:{width:"".concat(this.state.leftSize,"px")}}}},{key:pr("$bodyPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:"components",value:function(){return Fct(Fct(Fct({},$it),hrt),{},{ObjectList:Aot,Inspector:X7,ToolMenu:CQ,PageSubEditor:KK,CanvasView:fU,StyleView:Prt,LogoView:Got,ExternalToolMenu:Zot,ImageFileView:Vit,StatusBar:Lct,TimelineProperty:pct,PreviewToolMenu:aot})}},{key:Gn("$splitter")+or("moveSplitter")+ir("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=ln.parse(this.refs.$splitter.css("left")).value}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)},!1),this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$bodyPanel"),this.emit("resizeEditor")}},{key:Do("changeTheme"),value:function(){dn.create(document.body).attr("data-theme",this.$editor.theme)}},{key:Do("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t)}},{key:Kn("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:Do("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:Do("refreshAllSelectProject"),value:function(){this.emit("refreshArtBoardList"),this.emit("refreshArtboard")}},{key:Cn("$middle")+ar,value:function(t){}},{key:_n("$middle")+ar,value:function(t){var e=jC.getAllDropItems(t);this.emit("fileDropItems",e)}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!1===Zct.includes(e)&&"true"!==dn.create(t.target).attr("contenteditable")}},{key:Rn("document")+Zn("isNotFormElement"),value:function(t){this.emit("keymap.keydown",t)}},{key:$n("document")+Zn("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}])&&Xct(e.prototype,n),r&&Xct(e,r),i}(Ao);function Jct(t){return(Jct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qct(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tut(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qct(Object(n),!0).forEach((function(e){eut(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qct(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eut(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nut(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rut(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function out(t,e,n){return(out="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=uut(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 iut(t,e){return(iut=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aut(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uut(t);if(e){var o=uut(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cut(this,n)}}function cut(t,e){return!e||"object"!==Jct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uut(t){return(uut=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sut=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iut(t,e)}(i,t);var e,n,r,o=aut(i);function i(){return nut(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=null;if(t["border-image"]){var n=Se(t["border-image"]);n.str.match(/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi).forEach((function(r,o){var a=null;r=Pe(r,n.matches);var c=t["border-image"].replace(r,"").split(" ").map((function(t){return ln.parse(t)}));r.includes("repeating-linear-gradient")?a=zs.parse(r):r.includes("linear-gradient")?a=_s.parse(r):r.includes("repeating-radial-gradient")?a=yl.parse(r):r.includes("radial")?a=rl.parse(r):r.includes("repeating-conic-gradient")?a=zl.parse(r):r.includes("conic")?a=Cl.parse(r):r.includes("url")&&(a=hs.parse(r)),e=new i({type:a.type,image:a});var u=c.filter((function(t){return Y(t.value)}));1===u.length?e.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[0].clone(),right:u[0].clone()}}):2===u.length?e.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[1].clone(),right:u[1].clone()}}):3===u.length?e.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[1].clone(),right:u[1].clone()}}):4===u.length&&e.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[3].clone(),right:u[1].clone()}})}))}return e}}],(n=[{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 hs({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 Qu(tut(tut({},a),{},{colorsteps:n}));case"linear-gradient":return new _s(tut(tut({},a),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new zs(tut(tut({},a),{},{colorsteps:n,angle:r}));case"radial-gradient":return new rl(tut(tut({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new yl(tut(tut({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Cl(tut(tut({},a),{},{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new zl(tut(tut({},a),{},{colorsteps:n,angle:r,radialPosition:i}))}return new Fu}},{key:"getDefaultObject",value:function(){return out(uut(i.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:Qu.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach((function(e){t.slice[e]=ln.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(){if(!this.json.image)return{};var t=this.json.image.toString();return{"border-image-source":"".concat(t)}}},{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(){return tut(tut(tut(tut({},this.toBorderImageCSS()),this.toBorderImageRepeatCSS()),this.toBorderImageSliceCSS()),this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return D(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}}])&&rut(e.prototype,n),r&&rut(e,r),i}(ui);function lut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fut(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lut(Object(n),!0).forEach((function(e){put(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lut(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function put(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var yut=fut(fut(fut({},Xf),i$),{},{BackgroundImage:nf,BorderImage:sut,BoxShadow:Wx}),hut={ColorStep:$u,ConicGradient:Cl,LinearGradient:_s,RadialGradient:rl,RepeatingConicGradient:zl,RepeatingLinearGradient:zs,RepeatingRadialGradient:yl,URLImageResource:hs},dut={AssetParser:Ra,PathGenerator:nI,PathParser:Ya,PathStringManager:Qa,Point:Ia,SegmentManager:FA,PolygonParser:x$};function vut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function but(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vut(Object(n),!0).forEach((function(e){mut(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vut(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mut(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var gut=but(but(but(but(but({createCSSEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return bp(but({components:{CSSEditor:qct},template:"<CSSEditor ".concat(t.embed?'embed="true"':""," />")},t))},CSSEditor:qct},yut),hut),KD),dut),{},{Length:ln});function wut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Out(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wut(Object(n),!0).forEach((function(e){kut(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wut(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kut(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Sut(){return new gut.createCSSEditor}e.default=Out(Out(Out(Out({version:"0.9.52"},mp),wv),gut),{},{startEditor:Sut});window.EasylogicEditor=Sut()}])}));
\ 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,"randomNumber",(function(){return g})),n.d(r,"randomByCount",(function(){return m})),n.d(r,"random",(function(){return w})),n.d(r,"randomRGBA",(function(){return O}));var o={};n.r(o),n.d(o,"debounce",(function(){return E})),n.d(o,"throttle",(function(){return _})),n.d(o,"keyEach",(function(){return C})),n.d(o,"keyMap",(function(){return T})),n.d(o,"keyMapJoin",(function(){return R})),n.d(o,"get",(function(){return D})),n.d(o,"defaultValue",(function(){return V})),n.d(o,"isUndefined",(function(){return A})),n.d(o,"isNotUndefined",(function(){return I})),n.d(o,"isArray",(function(){return L})),n.d(o,"isBoolean",(function(){return M})),n.d(o,"isString",(function(){return B})),n.d(o,"isNotString",(function(){return z})),n.d(o,"isObject",(function(){return F})),n.d(o,"isFunction",(function(){return G})),n.d(o,"isNumber",(function(){return H})),n.d(o,"clone",(function(){return Y})),n.d(o,"cleanObject",(function(){return X})),n.d(o,"combineKeyArray",(function(){return N})),n.d(o,"repeat",(function(){return K})),n.d(o,"randomItem",(function(){return W})),n.d(o,"html",(function(){return Z})),n.d(o,"CSS_TO_STRING",(function(){return q})),n.d(o,"STRING_TO_CSS",(function(){return J})),n.d(o,"OBJECT_TO_PROPERTY",(function(){return Q})),n.d(o,"OBJECT_TO_CLASS",(function(){return tt})),n.d(o,"TAG_TO_STRING",(function(){return et})),n.d(o,"mapjoin",(function(){return nt}));var i={};n.r(i),n.d(i,"format",(function(){return rt})),n.d(i,"hex",(function(){return ot})),n.d(i,"rgb",(function(){return it})),n.d(i,"hsl",(function(){return at}));var a={};n.r(a),n.d(a,"round",(function(){return st})),n.d(a,"degreeToRadian",(function(){return lt})),n.d(a,"div",(function(){return ft})),n.d(a,"radianToDegree",(function(){return pt})),n.d(a,"getXInCircle",(function(){return yt})),n.d(a,"getYInCircle",(function(){return ht})),n.d(a,"getXYInCircle",(function(){return dt})),n.d(a,"getDist",(function(){return vt})),n.d(a,"calculateAngle",(function(){return bt})),n.d(a,"calculateAngleByPoints",(function(){return gt})),n.d(a,"calculateAnglePointDistance",(function(){return mt})),n.d(a,"calculateAngle360",(function(){return wt})),n.d(a,"uuid",(function(){return kt})),n.d(a,"uuidShort",(function(){return jt})),n.d(a,"cubicBezier",(function(){return $t})),n.d(a,"getGradientLine",(function(){return Et})),n.d(a,"CCW",(function(){return _t})),n.d(a,"incircle",(function(){return Ct})),n.d(a,"initPolygon",(function(){return Tt})),n.d(a,"Deluanay",(function(){return Dt})),n.d(a,"generate_sample_points",(function(){return Vt})),n.d(a,"getCenterInTriangle",(function(){return At})),n.d(a,"normalize",(function(){return Lt}));var c={};n.r(c),n.d(c,"ReverseXyz",(function(){return Mt})),n.d(c,"ReverseRGB",(function(){return Bt})),n.d(c,"XYZtoRGB",(function(){return zt})),n.d(c,"LABtoXYZ",(function(){return Ft})),n.d(c,"PivotXyz",(function(){return Gt})),n.d(c,"XYZtoLAB",(function(){return Ht})),n.d(c,"LABtoRGB",(function(){return Yt}));var u={};n.r(u),n.d(u,"RGBtoHSV",(function(){return Xt})),n.d(u,"RGBtoCMYK",(function(){return Nt})),n.d(u,"RGBtoHSL",(function(){return Kt})),n.d(u,"c",(function(){return Wt})),n.d(u,"gray",(function(){return Ut})),n.d(u,"RGBtoSimpleGray",(function(){return Zt})),n.d(u,"RGBtoGray",(function(){return qt})),n.d(u,"brightness",(function(){return Jt})),n.d(u,"RGBtoYCrCb",(function(){return Qt})),n.d(u,"PivotRGB",(function(){return te})),n.d(u,"RGBtoXYZ",(function(){return ee})),n.d(u,"RGBtoLAB",(function(){return ne}));var s={};n.r(s),n.d(s,"CMYKtoRGB",(function(){return re}));var l={};n.r(l),n.d(l,"HSVtoRGB",(function(){return oe})),n.d(l,"HSVtoHSL",(function(){return ie}));var f={};n.r(f),n.d(f,"HUEtoRGB",(function(){return ae})),n.d(f,"HSLtoHSV",(function(){return ce})),n.d(f,"HSLtoRGB",(function(){return ue}));var p={};n.r(p),n.d(p,"YCrCbtoRGB",(function(){return se}));var h={};n.r(h),n.d(h,"getColorIndexString",(function(){return be})),n.d(h,"isColor",(function(){return ge})),n.d(h,"matches",(function(){return me})),n.d(h,"convertMatches",(function(){return we})),n.d(h,"convertMatchesArray",(function(){return Oe})),n.d(h,"reverseMatches",(function(){return ke})),n.d(h,"trim",(function(){return Se})),n.d(h,"parse",(function(){return Pe})),n.d(h,"parseGradient",(function(){return xe}));var d={};n.r(d),n.d(d,"interpolateRGB",(function(){return $e})),n.d(d,"interpolateRGBObject",(function(){return Ee})),n.d(d,"scale",(function(){return _e})),n.d(d,"blend",(function(){return Ce})),n.d(d,"mix",(function(){return Te})),n.d(d,"contrast",(function(){return Re})),n.d(d,"contrastColor",(function(){return De})),n.d(d,"gradient",(function(){return Ve})),n.d(d,"scaleHSV",(function(){return Ae})),n.d(d,"scaleH",(function(){return Ie})),n.d(d,"scaleS",(function(){return Le})),n.d(d,"scaleV",(function(){return Me}));var v={};n.r(v),n.d(v,"start",(function(){return af}));var b;n(0);function g(t,e){return Math.floor(Math.random()*(e-t+1))+t}function m(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=w();return e}function w(){return it({r:g(0,255),g:g(0,255),b:g(0,255)})}function O(){return it({r:g(0,255),g:g(0,255),b:g(0,255),a:g(0,1e3)/1e3})}function k(t){return function(t){if(Array.isArray(t))return t}(t)||P(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}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 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)||P(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function P(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function $(t){return($="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(0===e)return t;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 _(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 C(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function T(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function R(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return T(t,e).join(n)}function D(t,e,n){var r=V(t[e],e);return G(n)?n(r):r}function V(t,e){return void 0===t?e:t}function A(t){return null==t}function I(t){return!1===A(t)}function L(t){return Array.isArray(t)}function M(t){return"boolean"==typeof t}function B(t){return"string"==typeof t}function z(t){return!1===B(t)}function F(t){return"object"==$(t)&&!L(t)&&!H(t)&&!B(t)&&null!==t}function G(t){return"function"==typeof t}function H(t){return"number"==typeof t}function Y(t){return JSON.parse(JSON.stringify(t))}function X(t){var e={};return Object.keys(t).filter((function(e){return!!t[e]})).forEach((function(n){e[n]=t[n]})),e}function N(t){return Object.keys(t).forEach((function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))})),t}function K(t){return S(Array(t))}function W(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[g(0,e.length-1)]}var U=(j(b={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},"path",!0),j(b,"polygon",!0),j(b,"polyline",!0),j(b,"use",!0),b),Z=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 G(r)&&(r=r()),L(r)||(r=[r]),t+(r=r.join(""))})).join("");return o=o.replace(/\<(\w*)([^\>]*)\/\>/gim,(function(t,e){return U[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))};function q(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 J(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")?r:(t.split(e).forEach((function(t){var e=k(t.split(n).map((function(t){return t.trim()}))),o=e[0],i=e.slice(1);""!=o&&(r[o]=i.join(n))})),r)}function Q(t){return Object.keys(t).map((function(e){return"class"===e&&F(t[e])?"".concat(e,'="').concat(tt(t[e]),'"'):M(t[e])||A(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function tt(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function et(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function nt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function rt(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?ot(t):"rgb"==e?it(t,n):"hsl"==e?at(t):t}function ot(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(L(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!A(t))return 1==t.a||A(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 at(t){return L(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||A(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,")")}var ct={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 ct.divs(t,ct.len(t))},ang:function(t,e){return Math.acos(ct.dot(t,e)/(ct.len(t)*ct.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),y=Math.sin(c),h=u*s*l+-f*p*y,d=f*s*l- -u*p*y,v=u*p*l+f*s*-y,b=u*s*y- -f*p*l;return{x:n*(1-2*(v*v+b*b))+r*(2*(d*v-b*h))+o*(2*(d*b+v*h)),y:n*(2*(d*v+b*h))+r*(1-2*(d*d+b*b))+o*(2*(v*b-d*h)),z:n*(2*(d*b-v*h))+r*(2*(b*v+d*h))+o*(1-2*(d*d+v*v))}}},ut={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:ct,addVector:function(t,e){return ct.add(t,e)},rotateVector:function(t,e){return ct.rotate(t,e)}};function st(t,e){return e=A(e)?1:e,Math.round(t*e)/e}function lt(t){return t*Math.PI/180}function ft(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function pt(t){var e=180*t/Math.PI;return e<0&&(e=360+e),e}function yt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(lt(t))}function ht(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(lt(t))}function dt(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:yt(t,e,n),y:ht(t,e,r)}}function vt(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 bt(t,e){return pt(Math.atan2(e,t))}function gt(t,e){return bt(t.x,t.y)-bt(e.x,e.y)}function mt(t,e,n){var r=bt(t.x-e.x,t.y-e.y);return bt(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function wt(t,e){return(pt(Math.atan2(e,t))+180)%360}var Ot=/[xy]/g;function kt(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(Ot,(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 jt(){var t=(new Date).getTime();return"idxxxxxxx".replace(Ot,(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 St=function(t){return 3*t*t*(1-t)},Pt=function(t){return 3*t*(1-t)*(1-t)},xt=function(t){return(1-t)*(1-t)*(1-t)};function $t(t,e,n,r){var o=e,i=r;return function(t){return 1-(o*St(t)+i*Pt(t)+xt(t))}}function Et(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 _t(t,e,n){return A(n)?ct.cross2d(t,e):ct.cross2d(ct.sub(e,t),ct.sub(n,t))}function Ct(t,e,n,r){var o=_t(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 Tt(t,e,n){for(var r=ct.create(Math.min(e,n),Math.max(e,n)),o=-1,i=0,a=t.length;i<a;i++)if(ct.equal(t[i],r)){o=i;break}o>-1?t.splice(o,1):t.push(r)}function Rt(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function Dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=ct.create(-2e9,-2e9),t[e+1]=ct.create(2e9,-2e9),t[e+2]=ct.create(0,2e9);for(var n=[ct.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(f=n[a]){var c=t[f.x],u=t[f.y],s=t[f.z],l=t[r];Ct(c,u,s,l)?(Tt(o,f.x,f.y),Tt(o,f.y,f.z),Tt(o,f.z,f.x),Rt(i,a,n.length-1),Rt(n,a,n.length-1),n.pop(),a--):i[a]=!0}}o.forEach((function(e){0===_t(t[e.x],t[e.y],t[r])||n.push(ct.create(e.x,e.y,r))}))}for(r=0;r<n.length;r++){var f;((f=n[r]).x>=e||f.y>=e||f.z>=e)&&(Rt(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 Vt(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=-n,s=t+n,l=-r,f=e+r,p=u;p<s;p+=o)for(var y=l;y<f;y+=o){var h=Math.floor(p+o/2*(a()*i*2-i)),d=Math.floor(y+o/2*(a()*i*2-i));c[c.length]={x:h,y:d}}return c}function At(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var It=/[\b\t \,\n]/g;function Lt(t){return t.trim().split(It).filter((function(t){return t})).map((function(t){return+t}))}function Mt(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function Bt(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function zt(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;c=Bt(c),u=Bt(u),s=Bt(s);var l=st(255*c),f=st(255*u),p=st(255*s);return{r:l,g:f,b:p}}function Ft(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;o=Mt(o);var c=95.047*(i=Mt(i)),u=100*o,s=108.883*(a=Mt(a));return{x:c,y:u,z:s}}function Gt(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function Ht(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;o=Gt(o);var c=116*(i=Gt(i))-16,u=500*(o-i),s=200*(i-(a=Gt(a)));return{l:c,a:u,b:s}}function Yt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return zt(Ft(t,e,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=t/255,i=e/255,a=n/255,c=Math.max(o,i,a),u=Math.min(o,i,a),s=c-u,l=0;0==s?l=0:c==o?l=(i-a)/s%6*60:c==i?l=60*((a-o)/s+2):c==a&&(l=60*((o-i)/s+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:s/c,v:c}}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,c=1-Math.max(o,i,a),u=(1-o-c)/(1-c),s=(1-i-c)/(1-c),l=(1-a-c)/(1-c);return{c:u,m:s,y:l,k:c}}function Kt(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:st(360*o),s:st(100*i),l:st(100*u)}}function Wt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ut((t+e+n)/3>90?0:255)}function Ut(t){return{r:t,g:t,b:t}}function Zt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ut(Math.ceil((t+e+n)/3))}function qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ut(Qt(t,e,n).y)}function Jt(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function Qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=Jt(t,e,n),i=.564*(n-o),a=.713*(t-o);return{y:o,cr:a,cb:i}}function te(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function ee(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=.4124*(o=te(o))+.3576*(i=te(i))+.1805*(a=te(a)),u=.2126*o+.7152*i+.0722*a,s=.0193*o+.1192*i+.9505*a;return{x:c,y:u,z:s}}function ne(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ht(ee(t,e,n))}function re(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.c,e=o.m,n=o.y,r=o.k}var i=255*(1-t)*(1-r),a=255*(1-e)*(1-r),c=255*(1-n)*(1-r);return{r:i,g:a,b:c}}function oe(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=t,i=e,a=n;o>=360&&(o=0);var c=i*a,u=c*(1-Math.abs(o/60%2-1)),s=a-c,l=[];return 0<=o&&o<60?l=[c,u,0]:60<=o&&o<120?l=[u,c,0]:120<=o&&o<180?l=[0,c,u]:180<=o&&o<240?l=[0,u,c]:240<=o&&o<300?l=[u,0,c]:300<=o&&o<360&&(l=[c,0,u]),{r:st(255*(l[0]+s)),g:st(255*(l[1]+s)),b:st(255*(l[2]+s))}}function ie(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=oe(t,e,n);return Kt(o.r,o.g,o.b)}function ae(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 ce(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o=ue(t,e,n);return Xt(o.r,o.g,o.b)}function ue(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=ae(u,c,t+1/3),i=ae(u,c,t),a=ae(u,c,t-1/3)}return{r:st(255*o),g:st(255*i),b:st(255*a)}}function se(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 le={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)",currentColor:"currentColor"};var fe={isColorName:function(t){return!!le[t]},getColorByName:function(t){return le[t]}};function pe(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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function he(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ye(Object(n),!0).forEach((function(e){de(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function de(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=/(#(?:[\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 be(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function ge(t){return!!me(t).length}function me(t){var e=t.match(ve),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=fe.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 we(t){var e=me(t);return e.forEach((function(e){t=t.replace(e.color,be(e))})),{str:t,matches:e}}function Oe(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=we(t);return n.str.split(e).map((function(t,e){return t=Se(t),n.matches[e]&&(t=t.replace(be(n.matches[e]),n.matches[e].color)),t}))}function ke(t,e){return e.forEach((function(e){t=t.replace(be(e),e.color)})),t}var je=/^\s+|\s+$/g;function Se(t){return t.replace(je,"")}function Pe(t){if(B(t)){if(fe.isColorName(t)&&(t=fe.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Se(r[e]),10);return i=he({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},{},Kt(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(Se(r[e])):parseInt(Se(r[e]),10);return i=he({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},{},Kt(i))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Se(r[e]));return i=he({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},{},ue(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(Se(r[e])):parseInt(Se(r[e]),10);return i=he({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},{},ue(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=he({},i={type:"hex",r:r[0],g:r[1],b:r[2],a:1},{},Kt(i))}}else if(H(t)){var i;if(0<=t&&t<=16777215)return i=he({},i={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1},{},Kt(i));if(0<=t&&t<=4294967295)return i=he({},i={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255},{},Kt(i))}return t}function xe(t){B(t)&&(t=Oe(t));var e=(t=t.map((function(t){if(B(t)){var e=we(t),n=Se(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]=ke(n[0],e.matches),n}if(Array.isArray(t))return t[1]?B(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",pe(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 $e(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=Ee(t,e,n);return rt(o,o.a<1?"rgb":r)}function Ee(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;return{r:st(t.r+(e.r-t.r)*n),g:st(t.g+(e.g-t.g)*n),b:st(t.b+(e.b-t.b)*n),a:st(t.a+(e.a-t.a)*n,100)}}function _e(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];B(t)&&(t=Oe(t));for(var n=(t=t||[]).length,r=[],o=0;o<n-1;o++)for(var i=0;i<e;i++)r.push(Ce(t[o],t[o+1],i/e));return r}function Ce(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=Pe(t),i=Pe(e);return $e(o,i,n,r)}function Te(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 Ce(t,e,n,r)}function Re(t){return t=Pe(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function De(t){return Re(t)>=128?"black":"white"}function Ve(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=xe(t)).length-1),o=r,i=1,a=t.length;i<a;i++){var c=t[i-1][0],u=t[i][0],s=1==i?t[i][1]:t[i][1]-t[i-1][1],l=i==t.length-1?o:Math.floor(s*r);n=n.concat(_e([c,u],l),[u]),o-=l}return n}function Ae(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=Pe(t),u=Xt(c),s=(i-o)*a/n,l=[],f=1;f<=n;f++)u[e]=Math.abs((a-s*f)/a),l.push(rt(oe(u),r));return l}function Ie(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return Ae(t,"h",e,n,r,o,1)}function Le(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Ae(t,"s",e,n,r,o,100)}function Me(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Ae(t,"v",e,n,r,o,100)}function Be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ze(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}_e.parula=function(t){return _e(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},_e.jet=function(t){return _e(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},_e.hsv=function(t){return _e(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},_e.hot=function(t){return _e(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},_e.pink=function(t){return _e(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},_e.bone=function(t){return _e(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},_e.copper=function(t){return _e(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var Fe=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Be(Object(n),!0).forEach((function(e){ze(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},r,{},i,{},a,{},d,{},h,{},p,{},u,{},s,{},l,{},f,{},c,{},o),Ge=[{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=Ge.length;t<e;t++){var n=Ge[t],r=Fe.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var He={colors:Ge,checkHueColor:function(t){for(var e,n,r=0;r<Ge.length;r++)if(Ge[r].start>=t){e=Ge[r-1],n=Ge[r];break}return e&&n?Fe.interpolateRGB(e,n,(t-e.start)/(n.start-e.start)):Ge[0].rgb}};function Ye(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xe(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ye(Object(n),!0).forEach((function(e){Ne(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ye(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ne(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Ke=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)};function We(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 Ue(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){!function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=Xe({},e,{},n);Object.keys(r).forEach((function(r){Ke(t,r,e[r],n[r])}))}(e,We(n.attributes),We(e.attributes));var o=Ze(e),i=Ze(n),a=Math.max(o.length,i.length);for(r=0;r<a;r++)Ue(e,o[r],i[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,u}var Ze=function(t){var e=t.firstElementChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextElementSibling}while(e);return n};function qe(t,e){t=t.el||t,e=e.el||e;for(var n=Ze(t),r=Ze(e),o=Math.max(n.length,r.length),i=0;i<o;i++)Ue(t,n[i],r[i],i)}function Je(t,e){for(var n=0;n<e.length;n++){var 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var tn={center:50,top:0,left:0,right:100,bottom:100},en=function t(){Qe(this,t)};en.CENTER="center",en.TOP="top",en.RIGHT="right",en.LEFT="left",en.BOTTOM="bottom";var nn=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,rn=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(Qe(this,t),this.value=e,H(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 H(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 I(tn[this.value])?t.percent(tn[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){return arguments.length>1&&void 0!==arguments[1]&&arguments[1],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(st(this.value,e),this.unit)}},{key:"floor",value:function(){return new t(Math.floor(this.value),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}},{key:"clamp",value:function(e,n){return new t(Math.max(e,Math.min(n,this.value)),this.unit)}}],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(B(e=e||t.number(0))){var n=(e=e.trim()).replace(nn,"$1 $2").split(" ");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 I(e.percent)?r=e.percent:I(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit)return r=0,I(e.px)?r=e.px:I(e.value)&&(r=e.value),t.px(r);if("em"==e.unit)return r=0,I(e.em)?r=e.em:I(e.value)&&(r=e.value),t.em(r);if("deg"==e.unit)return r=0,I(e.deg)?r=e.deg:I(e.value)&&(r=e.value),t.deg(r);if("turn"==e.unit)return r=0,I(e.deg)?r=e.turn:I(e.value)&&(r=e.value),t.turn(r);if("s"==e.unit)return r=0,I(e.second)?r=e.second:I(e.value)&&(r=e.value),t.second(r);if("ms"==e.unit)return r=0,I(e.ms)?r=e.ms:I(e.value)&&(r=e.value),t.ms(r);if("number"==e.unit)return r=0,I(e.value)&&(r=e.value),t.number(r);if("--"==e.unit)return r=0,I(e.value)&&(r=e.value),t.var(r);if(""===e.unit||"string"===e.unit)return r="",I(e.str)?r=e.str:I(e.value)&&(r=e.value),t.string(r)}return t.string(e)}}],n&&Je(e.prototype,n),r&&Je(e,r),t}();function on(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 an(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,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}rn.auto=rn.string("auto");var un=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),z(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:"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 an({},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){this.parent().children().forEach((function(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 A(t)?this.el.innerHTML:(B(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){if(this.fragment){var e=this.createChildrenFragment();qe(e,t),this.html(e)}else this.empty().append(t),this.fragment=!0}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";qe(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";qe(this,t.create(n).html("<svg>".concat(e,"</svg>")).firstChild)}},{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){var n=this.findAll(e);return Object.keys(n).map((function(e){return t.create(n[e])}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return B(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return B(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(A(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(I(t)&&I(e))Object.assign(this.el.style,an({},t,e));else if(I(t)){if(B(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 A(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,rn.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"offsetRect",value:function(){return{x:this.el.offsetLeft,y:this.el.offsetTop,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(A(e))return this.el.value;if(I(e)){var n=e;e instanceof t&&(n=e.val()),this.el.value=n}return this}},{key:"matches",value:function(t){return this.el&&this.el.matches?this.el.matches(t)?this:this.parent().matches(t):null}},{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:"isShow",value:function(){return!this.isHide()}},{key:"toggle",value:function(t){var e=this.isHide();return 1==arguments.length?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:"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?on(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return t.create(this.el.firstElementChild)}}],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&&cn(e.prototype,n),r&&cn(e,r),t}(),sn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:yn;return" ".concat(e," ").concat(t)},ln=/^dom (.*)/gi,fn=/^load (.*)/gi,pn=/^bind (.*)/gi,yn="|",hn={},dn=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"dom "+[r].concat(e).join(" ")}},vn=dn,bn=dn("click"),gn=dn("dblclick"),mn=(dn("mousedown"),dn("mouseup")),wn=(dn("mousemove"),dn("mouseover"),dn("mouseout"),dn("mouseenter"),dn("mouseleave"),dn("touchstart"),dn("touchmove"),dn("touchend"),dn("keydown")),On=dn("keyup"),kn=(dn("keypress"),dn("drag"),dn("dragstart")),jn=dn("drop"),Sn=dn("dragover"),Pn=(dn("dragenter"),dn("dragleave"),dn("dragexit"),dn("dragout"),dn("dragend")),xn=dn("contextmenu"),$n=dn("change"),En=dn("input"),_n=dn("focus"),Cn=(dn("focusin"),dn("focusout")),Tn=dn("blur"),Rn=(dn("paste"),dn("resize")),Dn=dn("scroll"),Vn=dn("submit"),An=vn("pointerdown"),In=vn("pointermove"),Ln=vn("pointerup"),Mn=vn("change","input"),Bn=vn("wheel","mousewheel","DOMMouseScroll"),zn=(dn("animationstart"),dn("animationend"),dn("animationiteration"),dn("transitionstart"),dn("transitionend")),Fn=(dn("transitionrun"),dn("transitioncancel"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:yn;return sn(t,e)}),Gn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:yn;return sn("after(".concat(t,")"),e)},Hn=Fn,Yn=Fn,Xn=(Fn("ArrowUp"),Fn("ArrowDown"),Fn("ArrowLeft"),Fn("ArrowRight"),Fn("Enter")),Nn=(Fn("Space"),Fn("Escape")),Kn=Fn("isAltKey"),Wn=(Fn("isShiftKey"),Fn("isMetaKey"),Fn("isCtrlKey"),Fn("self"),Fn("fit"),Fn("passive"),Fn("vdom")),Un=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Fn("debounce(".concat(t,")"))},Zn=(Un(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Fn("throttle(".concat(t,")"))}),qn=(Fn("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return Gn("bodyMouseMove ".concat(t))}),Jn=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return Gn("bodyMouseUp ".concat(t))},Qn=Gn("preventDefault"),tr=Gn("stopPropagation"),er=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},nr=function(t){if(""===t)return"";var e=kt();return hn[e]=t,e},rr=function(t){return function(){return this.prevState[t]!=this.state[t]}},or=function(){return!0},ir=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?yn+nr(e):"")},ar={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 cr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var sr,lr=function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];cr(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?E(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;Promise.resolve().then((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)}))}))}},{key:"triggerMessage",value:function(t,e,n,r,o,i){var a=this;Promise.resolve().then((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")}))}},{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)}}])&&ur(e.prototype,n),r&&ur(e,r),t}();function fr(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 pr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var vr=(dr(sr={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),dr(sr,"initializeProperty",!0),dr(sr,"created",!0),dr(sr,"getRealEventName",!0),dr(sr,"initializeStoreEvent",!0),dr(sr,"destoryStoreEvent",!0),dr(sr,"destroy",!0),dr(sr,"emit",!0),dr(sr,"trigger",!0),dr(sr,"on",!0),dr(sr,"off",!0),dr(sr,"setState",!0),dr(sr,"_reload",!0),dr(sr,"render",!0),dr(sr,"initialize",!0),dr(sr,"afterRender",!0),dr(sr,"components",!0),dr(sr,"getRef",!0),dr(sr,"parseTemplate",!0),dr(sr,"childrenIds",!0),dr(sr,"exists",!0),dr(sr,"parseProperty",!0),dr(sr,"parseSourceName",!0),dr(sr,"parseComponent",!0),dr(sr,"clean",!0),dr(sr,"refresh",!0),dr(sr,"template",!0),dr(sr,"eachChildren",!0),dr(sr,"initializeEvent",!0),dr(sr,"destroy",!0),dr(sr,"self",!0),dr(sr,"isAltKey",!0),dr(sr,"isCtrlKey",!0),dr(sr,"isShiftKey",!0),dr(sr,"isMetaKey",!0),dr(sr,"preventDefault",!0),dr(sr,"stopPropagation",!0),dr(sr,"bodyMouseMove",!0),dr(sr,"bodyMouseUp",!0),sr),br=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};yr(this,t),this.context=e,this.options=n}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){}},{key:"load",value:function(){}},{key:"refresh",value:function(){}},{key:"render",value:function(){}},{key:"getRef",value:function(t){return this.context.getRef(t)}},{key:"splitMethodByKeyword",value:function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=pr(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}},{key:"collectProps",value:function(){var t=this.context,e=t.__proto__,n=[];do{if(!1==e instanceof Object)break;var r=Object.getOwnPropertyNames(e).filter((function(e){return t&&G(t[e])&&!vr[e]}));n.push.apply(n,fr(r)),e=e.__proto__}while(e);return n}},{key:"filterProps",value:function(t){return this.collectProps().filter((function(e){return e.match(t)}))}},{key:"run",value:function(){}},{key:"destroy",value:function(){}}])&&hr(e.prototype,n),r&&hr(e,r),t}();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 mr(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)||wr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function wr(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function Or(t,e){return jr(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||kr()}function kr(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function jr(t){if(Array.isArray(t))return t}function Sr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 $r(t){return($r=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Er(t,e){return(Er=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _r={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0,wheel:!0,mousewheel:!0},Cr=function(t){function e(){return Sr(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&&Er(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.filterProps(ln)),this._domEvents.forEach((function(e){return t.parseEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{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;ar.removeEvent(n,e,r)}},{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:"matchPath",value:function(t,e){return t?t.matches(e)?t:this.matchPath(t.parentElement,e):null}},{key:"hasDelegate",value:function(t,e){return this.matchPath(t.target||t.srcElement,e.delegate)}},{key:"makeCallback",value:function(t,e){return t.delegate?this.makeDelegateCallback(t,e):this.makeDefaultCallback(t,e)}},{key:"makeDefaultCallback",value:function(t,e){var n=this;return function(r){var o=n.runEventCallback(r,t,e);if(I(o))return o}}},{key:"makeDelegateCallback",value:function(t,e){var n=this;return function(r){var o=n.hasDelegate(r,t);if(o){r.$dt=un.create(o);var i=n.runEventCallback(r,t,e);if(I(i))return i}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=ar.posXY(t),e.beforeMethods.length&&e.beforeMethods.every((function(e){return r[e.target].call(r,t,e.param)})),this.checkEventType(t,e)){var o=n(t,t.$dt,t.xy);return!1!==o&&e.afterMethods.length&&e.afterMethods.forEach((function(e){return r[e.target].call(r,t,e.param)})),o}}},{key:"checkEventType",value:function(t,e){var n=this.context,r=!0;e.codes.length&&(r=!!t.code&&e.codes.indexOf(t.code.toLowerCase())>-1||!!t.key&&e.codes.indexOf(t.key.toLowerCase())>-1);var o=!0;return e.checkMethodList.length&&(o=e.checkMethodList.every((function(e){var r=n[e];return G(r)&&r?r.call(n,t):!I(r)||!!r}))),r&&o}},{key:"getDefaultDomElement",value:function(t){var e,n=this.context;return(e=t?n.refs[t]||n[t]||window[t]:n.el||n.$el||n.$root)instanceof un?e.getElement():e}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,o=r.filter((function(t){return!!n[t]})),i=Or(this.splitMethodByKeyword(r,"after"),2),a=i[0],c=i[1],u=Or(this.splitMethodByKeyword(r,"before"),2),s=u[0],l=u[1],f=Or(this.splitMethodByKeyword(r,"debounce"),2),p=f[0],y=f[1],h=Or(this.splitMethodByKeyword(r,"throttle"),2),d=h[0],v=h[1],b=Or(this.splitMethodByKeyword(r,"capture"),1)[0],g=[].concat(mr(o),mr(a),mr(s),mr(p),mr(d),mr(b));return{eventName:t,codes:r.filter((function(t){return-1===g.indexOf(t)})).map((function(t){return t.toLowerCase()})),captures:b,afterMethods:c,beforeMethods:l,debounceMethods:y,throttleMethods:v,checkMethodList:o}}},{key:"addEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;_r[t.eventName]&&(n={passive:!0,capture:n}),ar.addEvent(t.dom,t.eventName,t.callback,n)}},{key:"bindingEvent",value:function(t,e,n){var r=function(t){return jr(t)||wr(t)||kr()}(t),o=r[0],i=r[1],a=r.slice(2),c=(this.context,this.getDefaultEventObject(o,e));c.dom=this.getDefaultDomElement(i),c.delegate=a.join(" "),c.debounceMethods.length?n=E(n,+c.debounceMethods[0].target):c.throttleMethods.length&&(n=_(n,+c.throttleMethods[0].target)),this.addEvent(c,n)}},{key:"getEventNames",value:function(t){var e=[];return t.split(":").forEach((function(t){var n=t.split(":");e.push.apply(e,mr(n))})),e}},{key:"parseEvent",value:function(t){var e=this,n=this.context,r=t.split(yn).map((function(t){return t.trim()})),o=r.shift().split("dom ")[1].split(" "),i=this.getEventNames(o[0]),a=n[t].bind(n);i.forEach((function(t){o[0]=t,e.bindingEvent(o,r,a)}))}}])&&Pr(n.prototype,r),o&&Pr(n,o),e}(br);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 Rr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Dr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,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 Ir(t){return(Ir=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)}function Mr(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 Br,zr=function(t,e,n){"cssText"!==e?"style"!==e?"class"!==e?A(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):"value"===e?t.val(n):t.attr(e,n):L(n)?t.addClass.apply(t,Mr(n)):F(n)?C(n,(function(e,n){return t.toggleClass(e,n)})):t.addClass(n):z(n)&&t.css(n):t.cssText(n)},Fr=function(t){function e(){return Dr(this,e),Ar(this,Ir(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{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(pn)),this._bindMethods.filter((function(t){if(!n.length)return!0;var e=Rr(t.split(yn),2),r=e[0],o=(e[1],Rr(r.split(" "),2)),i=(o[0],o[1]);return n.indexOf(i)>-1})).forEach((function(e){var r=t.context[e],o=Rr(e.split(yn),2),i=(e=o[0],o[1]),a=t.getRef(i),c=or;""!=a&&B(a)?c=rr(a):G(a)&&(c=a);var u=e.split("bind ")[1],s=t.context.refs[u],l=G(c)&&c.call(t.context);if(s&&l){var f=r.call.apply(r,[t.context].concat(n));if(!f)return;C(f,(function(t,e){zr(s,t,e)}))}}))}},{key:"destroy",value:function(){this._bindMethods=void 0}}])&&Vr(n.prototype,r),o&&Vr(n,o),e}(br);function Gr(){var t=Xr(["",""]);return Gr=function(){return t},t}function Hr(t){return Jr(t)||Kr(t)||qr()}function Yr(){var t=Xr(["\n        ","\n      "]);return Yr=function(){return t},t}function Xr(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function Nr(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)||Kr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Kr(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Zr(t,e){return Jr(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||qr()}function qr(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function Jr(t){if(Array.isArray(t))return t}var Qr=un.create("div"),to="[".concat("ref","]"),eo=(Ur(Br={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),Ur(Br,"initializeProperty",!0),Ur(Br,"created",!0),Ur(Br,"getRealEventName",!0),Ur(Br,"initializeStoreEvent",!0),Ur(Br,"destoryStoreEvent",!0),Ur(Br,"destroy",!0),Ur(Br,"emit",!0),Ur(Br,"trigger",!0),Ur(Br,"on",!0),Ur(Br,"off",!0),Ur(Br,"setState",!0),Ur(Br,"_reload",!0),Ur(Br,"render",!0),Ur(Br,"initialize",!0),Ur(Br,"afterRender",!0),Ur(Br,"components",!0),Ur(Br,"getRef",!0),Ur(Br,"parseTemplate",!0),Ur(Br,"childrenIds",!0),Ur(Br,"exists",!0),Ur(Br,"parseProperty",!0),Ur(Br,"parseSourceName",!0),Ur(Br,"parseComponent",!0),Ur(Br,"clean",!0),Ur(Br,"refresh",!0),Ur(Br,"loadTemplate",!0),Ur(Br,"load",!0),Ur(Br,"bindData",!0),Ur(Br,"template",!0),Ur(Br,"eachChildren",!0),Ur(Br,"initializeEvent",!0),Ur(Br,"destroy",!0),Ur(Br,"collectProps",!0),Ur(Br,"filterProps",!0),Ur(Br,"self",!0),Ur(Br,"isAltKey",!0),Ur(Br,"isCtrlKey",!0),Ur(Br,"isShiftKey",!0),Ur(Br,"isMetaKey",!0),Ur(Br,"preventDefault",!0),Ur(Br,"stopPropagation",!0),Ur(Br,"bodyMouseMove",!0),Ur(Br,"bodyMouseUp",!0),Br),no=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.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=kt(),this.handlers=this.initializeHandler(),this.initializeProperty(e,n),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=Nr(this.childComponentSet.keys()).join(",")}},{key:"initializeHandler",value:function(){return[new Fr(this),new Cr(this)]}},{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.state={},this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(t){this.$el=this.parseTemplate(Z(Yr(),this.template())),this.refs.$el=this.$el,t&&t.append(this.$el),this.load(),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;L(t)&&(t=t.join("")),t=t.trim();var r=Qr.html(t).children();return r.forEach((function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(to),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?Qr.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return T(this.children,(function(t,e){return e.id}))}},{key:"exists",value:function(){return!this.parent||!G(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=Zr(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(Nr(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()),e.replace(c.$el)})),C(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return C(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[er(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(fn)),this._loadMethods.filter((function(t){var e=t.split("load ")[1].split(yn)[0];return!n.length||n.indexOf(e)>-1})).forEach((function(e){var r=Hr(e.split("load ")[1].split(yn).map((function(t){return t.trim()}))),o=r[0],i=r.slice(1),a=(i=i.map((function(t){return t.trim()}))).indexOf(Wn.value)>-1;if(t.refs[o]){var c,u=(c=t[e]).call.apply(c,[t].concat(n));L(u)&&(u=u.join(""));var s=t.parseTemplate(Z(Gr(),u),!0);a?t.refs[o].htmlDiff(s):t.refs[o].html(s)}})),this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"runHandlers",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"run",e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.handlers.forEach((function(e){return e[t].apply(e,n)}))}},{key:"bindData",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.runHandlers.apply(this,["load"].concat(e))}},{key:"template",value:function(){return"<div></div>"}},{key:"eachChildren",value:function(t){G(t)&&C(this.children,(function(e,n){t(n)}))}},{key:"rerender",value:function(){var t=this.$el.parent();this.destroy(),this.render(t)}},{key:"destroy",value:function(){this.eachChildren((function(t){t.destroy()})),this.runHandlers("destroy"),this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{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 t&&G(t[e])&&!eo[e]}));n.push.apply(n,Nr(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.$dt&&t.$dt.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)}}])&&Wr(e.prototype,n),r&&Wr(e,r),t}();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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 io(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 co(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 uo(t,e,n){return(uo="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=so(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 so(t){return(so=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lo(t,e){return(lo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fo=/^ME@/,po=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")},yo=function(){return"ME@"+po.apply(void 0,arguments)},ho=function(t){function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return io(this,e),(n=co(this,so(e).call(this,t,r))).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&&lo(t,e)}(e,t),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=kt(),this.sourceName=this.constructor.name,t&&t.$store&&(this.$store=t.$store),t&&t.$editor&&(this.$editor=t.$editor)}},{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.filterProps(fo).forEach((function(e){var n=t.getRealEventName(e,"ME@"),r=oo(function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=Zr(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}(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="".concat(t.sourceName,".").concat(n),r.source=t.source,t.$store.on(n,r,t,a)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){uo(so(e.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){uo(so(e.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{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)}},{key:"$i18n",value:function(t){return this.$editor.i18n(t)}},{key:"$initI18n",value:function(t){return this.$editor.initI18n(t)}},{key:"$theme",value:function(t){return this.$editor.themeValue(t)}},{key:"$config",get:function(){return this.$editor.config}},{key:"$selection",get:function(){return this.$editor.selection}},{key:"$timeline",get:function(){return this.$editor.timeline}}])&&ao(n.prototype,r),o&&ao(n,o),e}(no),vo={en_US:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Language","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.gray":"Gray","app.label.theme":"Theme","app.tab.title.projects":"Projects","app.tab.title.layers":"Layers","app.tab.title.libraries":"Library","app.tab.title.components":"Object","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","menu.item.download.title":"Download","menu.item.save.title":"Save","menu.item.export.title":"Export","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"Screen","menu.item.github.title":"Github","menu.item.learn.title":"Learn","project.property.title":"Project","project.information.property.title":"Project information","project.information.property.name":"Name","project.information.property.description":"Description","artboard.property.title":"ArtBoards","artboard.property.layout.title.flex":"Flex","artboard.property.layout.title.grid":"Grid","layer.tree.property.title":"Layers","layer.tree.property.layout.title.flex":"Flex","layer.tree.property.layout.title.grid":"Grid","alignment.property.title":"Alignment","position.property.title":"Position","position.property.X":"X","position.property.Y":"Y","size.property.title":"Size","size.property.width":"Width","size.property.height":"Height","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","background.color.property.opacity":"Opacity","background.color.property.blend":"Blend","background.color.property.overflow":"Overflow","background.color.property.overflow.visible":"Visible","background.color.property.overflow.hidden":"Hidden","background.color.property.overflow.scroll":"Scroll","background.color.property.overflow.auto":"Auto","blend.normal":"normal","blend.multiply":"multiply","blend.screen":"screen","blend.overlay":"overlay","blend.darken":"darken","blend.lighten":"lighten","blend.color-dodge":"color-dodge","blend.color-burn":"color-burn","blend.hard-light":"hard-light","blend.soft-light":"soft-light","blend.difference":"difference","blend.exclusion":"exclusion","blend.hue":"hue","blend.saturation":"saturation","blend.color":"color","blend.luminosity":"luminosity","background.image.property.title":"Fill","border.property.title":"Border","border.radius.property.title":"Border Radius","boxshadow.property.title":"Box Shadows","filter.property.title":"Filter","filter.property.blur":"Blur","filter.property.grayscale":"GrayScale","filter.property.hue-rotate":"Hue Rotate","filter.property.invert":"Invert","filter.property.brightness":"Brightness","filter.property.contrast":"Contrast","filter.property.drop-shadow":"Drop Shadow","filter.property.drop-shadow.color":"Color","filter.property.drop-shadow.offsetX":"Offset X","filter.property.drop-shadow.offsetY":"Offset Y","filter.property.drop-shadow.blurRadius":"Blur","filter.property.opacity":"Opacity","filter.property.saturate":"Saturate","filter.property.sepia":"Sepia","filter.property.svg":"SVG","font.property.title":"Font","font.property.color":"Color","font.property.size":"Size","font.property.stretch":"Stretch","font.property.weight":"Weight","font.property.style":"Style","font.property.family":"Family","font.spacing.property.title":"Font spacing","font.spacing.property.lineHeight":"Line height","font.spacing.property.letterSpacing":"Letter spacing","font.spacing.property.wordSpacing":"Word spacing","font.spacing.property.indent":"Indent","backdrop.filter.property.title":"Backdrop Filter","clippath.property.title":"Clip Path","export.property.title":"Export","export.property.download":"Download","image.property.title":"Image","image.property.origin":"Origin","image.property.size":"Size","image.property.width":"Width","image.property.height":"height","video.property.title":"Video","video.property.play":"Play","video.property.pause":"Pause","video.property.volume":"Volume","video.property.playbackRate":"Playback Rate","video.property.currentTime":"Current Time","video.property.playTime":"Play Time Distance","motion.property.title":"Motion","text.property.title":"Text Style","text.property.align":"Align","text.property.transform":"Transform","text.property.decoration":"Decoration","text.clip.property.title":"Text Clip","text.shadow.property.title":"Text Shadows","text.fill.property.title":"Text Fill","text.fill.property.fill":"Fill","text.fill.property.stroke":"Stroke","text.fill.property.strokeWidth":"Width","transform.property.title":"Transform","transform.origin.property.title":"Transform Origin","transition.property.title":"CSS Transition","keyframe.property.title":"CSS Keyframe","selector.property.title":"Selector","selector.property.none":"None selector","path.data.property.title":"Path Information","polygon.data.property.title":"Polygon Information","perspective.property.title":"Perspective","perspective.origin.property.title":"Perspective Origin","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"Motion Path","svg.item.property.fill":"Fill","svg.item.property.fillOpacity":"Opacity","svg.item.property.path":"Path","svg.item.property.polygon":"Polygon","svg.item.property.totalLength":"Total Length","svg.item.property.fillRule":"Fill Rule","svg.item.property.stroke":"Stroke","svg.item.property.strokeWidth":"Width","svg.item.property.dashArray":"Dash Array","svg.item.property.dashOffset":"Dash Offset","svg.item.property.lineCap":"Line Cap","svg.item.property.lineJoin":"Line Join","svg.item.property.filter":"Filter","border.editor.all":"All","border.editor.width":"Width","border.editor.style":"Style","border.editor.color":"C","border.editor.top":"Top","border.editor.left":"Left","border.editor.right":"Right","border.editor.bottom":"Bottom","border.radius.editor.topLeft":"Top Left","border.radius.editor.topRight":"Top Right","border.radius.editor.bottomLeft":"Bottom Left","border.radius.editor.bottomRight":"Bottom Right","boxshadow.editor.blur":"Blur","boxshadow.editor.spread":"Spread","css.property.editor.properties":"Properties","offset.path.list.editor.path":"Path","offset.path.list.editor.totalLength":"Total Length","offset.path.list.editor.distance":"Distance","offset.path.list.editor.direction":"Direction","offset.path.list.editor.rotate":"Rotate","svgfilter.select.editor.message.create":"Create new svg filter","svgfilter.select.editor.message.select":"Select a filter","fill.editor.message.click.image":"Click the preview area if you want to select a image","fill.editor.message.drag.position":"Drag if you want to move center position","fill.editor.x1":"Start X","fill.editor.x2":"End X","fill.editor.y1":"Start Y","fill.editor.y2":"End Y","fill.editor.spread":"Spread","fill.editor.offset":"Offset","fill.editor.cx":"Center X","fill.editor.cy":"Center Y","fill.editor.r":"End radius","fill.editor.fx":"Start X","fill.editor.fy":"Start Y","fill.editor.fr":"Start radius","perspective.origin.editor.originX":"Origin X","perspective.origin.editor.originY":"Origin Y","path.manager.msg":"Keydown ESC or Enter key to close editing","path.manager.mode.modify":"Modify","path.manager.mode.path":"Path","path.manager.mode.transform":"Transform","path.manager.mode.flipX":"Flip X","path.manager.mode.flipY":"Flip Y","path.manager.mode.flipOrigin":"Flip Origin","colorpicker.popup.title":"ColorPicker","selector.popup.title":"Selector Property","selector.popup.selector":"Selector","background.image.position.popup.title":"Background Pattern","background.image.position.popup.size":"Size","background.image.position.popup.width":"Width","background.image.position.popup.height":"Height","background.image.position.popup.repeat":"Repeat","background.image.position.popup.blend":"Blend","background.image.position.popup.type.repeat":"repeat","background.image.position.popup.type.no-repeat":"no repeat","background.image.position.popup.type.repeat-x":"repeat-x","background.image.position.popup.type.repeat-y":"repeat-y","background.image.position.popup.type.space":"space","background.image.position.popup.type.round":"round","gradient.picker.popup.title":"Gradient & Image Picker","image.asset.property.title":"Image","video.asset.property.title":"Video","color.asset.property.title":"Color","gradient.asset.property.title":"Gradient","pattern.asset.property.title":"Pattern","svgfilter.asset.property.title":"SVG Filter","inspector.tab.title.style":"Style","inspector.tab.title.component":"Component","inspector.tab.title.transition":"Transition & Animation","inspector.tab.title.asset":"Assets","inspector.tab.title.text":"Text","inspector.tab.title.code":"Code","timeline.property.title":"Timeline","timeline.animation.property.title":"Animations","timeline.play.control.play":"Play","timeline.play.control.pause":"Pause","timeline.play.control.first":"First","timeline.play.control.prev":"Previous","timeline.play.control.next":"Next","timeline.play.control.last":"Last","timeline.play.control.direction":"Direction","timeline.play.control.speed":"Speed","timeline.play.control.repeat":"Repeat","timeline.play.control.infinite":"Infinite","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"Value","timeline.value.editor.time":"Time","timeline.value.editor.timing":"Timing","svgfilter.popup.title":"SVG Filter","css.item.rotate":"Rotate","css.item.rotateX":"Rotate X","css.item.rotateY":"Rotate Y","css.item.rotateZ":"Rotate Z","css.item.rotate3d":"3D Rotate","css.item.skewX":"Skew X","css.item.skewY":"Skew Y","css.item.translate":"Translate","css.item.translateX":"Translate X","css.item.translateY":"Translate Y","css.item.translateZ":"Translate Z","css.item.translate3d":"3D Translate","css.item.perspective":"Perspective","css.item.scale":"Scale","css.item.scaleX":"Scale X","css.item.scaleY":"Scale Y","css.item.scaleZ":"Scale Z","css.item.scale3d":"3D Scale","css.item.matrix":"Matrix","css.item.matrix3d":"3D Matrix","animation.property.title":"CSS Animation","animation.property.direction":"Direction","animation.property.play.state":"Play State","animation.property.fill.mode":"Fill Mode","animation.property.delay":"Delay","animation.property.duration":"Duration","animation.property.iteration.count":"Iteration Count","animation.property.Select a keyframe":"Select a keyframe","animation.property.popup.title":"Animation","animation.property.popup.timing.function":"Timing Function","animation.property.popup.keyframe":"Keyframe","animation.property.popup.direction":"Direction","animation.property.popup.play.state":"Play State","animation.property.popup.fill.mode":"Fill Mode","animation.property.popup.delay":"Delay","animation.property.popup.duration":"Duration","animation.property.popup.iteration":"Iteration","animation.property.popup.normal":"normal","animation.property.popup.reverse":"reverse","animation.property.popup.alternate":"alternate","animation.property.popup.alternate-reverse":"alternate-reverse","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"Select a keyframe","keyframe.popup.title":"Keyframe","code.view.property.title":"CodeView","svg.filter.editor.tab.filter":"Filter","svg.filter.editor.tab.preset":"Preset","svg.filter.editor.tab.asset":"Assets","svg.filter.editor.GRAPHIC REFERENCES":"GRAPHIC REFERENCES","svg.filter.editor.SOURCES":"SOURCES","svg.filter.editor.MODIFIER":"MODIFIER","svg.filter.editor.LIGHTING":"LIGHTING","svg.filter.editor.COMBINERS":"COMBINERS","svg.filter.editor.Template":"Template","layout.property.title":"Layout","layout.property.flex":"Flex Box","layout.property.grid":"Grid","layout.property.default":"Default","flex.layout.editor.row":"Row","flex.layout.editor.column":"column","flex.layout.editor.row-reverse":"Row Reverse","flex.layout.editor.column-reverse":"Column Reverse","flex.layout.editor.nowrap":"Nowrap","flex.layout.editor.wrap":"Wrap","flex.layout.editor.wrap-reverse":"Wrap Reverse","flex.layout.editor.flex-start":"Start","flex.layout.editor.flex-end":"End","flex.layout.editor.center":"Center","flex.layout.editor.space-between":"Between","flex.layout.editor.space-around":"Around","flex.layout.editor.baseline":"BaseLine","flex.layout.editor.stretch":"Stretch","flex.layout.editor.direction":"Direction","flex.layout.editor.justify-content":"Justify Content","flex.layout.editor.align-items":"Align Items","flex.layout.editor.align-content":"Align Content","flex.layout.item.property.title":"Layout Item Detail","flex.layout.item.property.grow":"Flex Grow","flex.layout.item.property.shrink":"Flex Shrink","flex.layout.item.property.basis":"Flex Basis","flex.layout.item.property.none":"none","flex.layout.item.property.auto":"auto","flex.layout.item.property.value":"value","grid.layout.editor.template.columns":"Columns","grid.layout.editor.column.gap":"Column Gap","grid.layout.editor.template.rows":"Rows","grid.layout.editor.row.gap":"Row Gap","grid.box.editor.box.title":"Box","grid.box.editor.type":"Type","grid.box.editor.repeat":"Repeat","grid.box.editor.length":"Length","grid.box.editor.none":"None","grid.box.editor.auto":"Auto","grid.box.editor.count":"Count","grid.box.editor.value":"Size","grid.layout.item.property.title":"Layout Item Detail","grid.layout.item.property.column":"Column","grid.layout.item.property.row":"Row","grid.layout.item.property.start":"Start","grid.layout.item.property.end":"End","grid.layout.item.property.none":"none","grid.layout.item.property.value":"value","box.model.property.title":"Box Model","box.model.property.margin":"Margin","box.model.property.padding":"Padding","component.items.canvas":"Canvas","component.items.layer":"Layer","component.items.3dlayer":"3D Layer","component.items.drawing":"Drawing","component.items.custom":"Custom Component","svg.text.property.title":"SVG Text Style","svg.text.property.textarea":"Text Area","svg.text.property.size":"Font Size","svg.text.property.weight":"Font Weight","svg.text.property.style":"Font Style","svg.text.property.anchor":"Text Anchor","svg.text.property.family":"Font Family","svg.text.property.length.adjust":"Length Adjust","svg.text.property.text.length":"Text Length","svg.text.property.start.offset":"Start Offset","fill.picker.popup.title":"SVG Fragment picker","gradient.editor.drag.message":"Drag if you want to move center pointer.","draw.manager.tolerance":"Tolerance","pattern.property.title":"Pattern","pattern.info.popup.title":"Pattern Info","pattern.info.popup.width":"Width","pattern.info.popup.height":"Height","pattern.info.popup.lineWidth":"Line Width","pattern.info.popup.lineHeight":"Line Height","pattern.info.popup.rotate":"Rotate","pattern.info.popup.blend":"Blend Mode","pattern.info.popup.foreColor":"Fore","pattern.info.popup.backColor":"Back","stroke.dasharray.editor.add":"Add Dash"},fr_FR:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Langue","app.theme.dark":"Sombre","app.theme.light":"Clair","app.theme.gray":"Gris","app.label.theme":"Thème","app.tab.title.projects":"Projets","app.tab.title.layers":"Objets","app.tab.title.libraries":"Librarie","app.tab.title.components":"Objet","app.tab.title.assets":"Elements","app.tab.title.keyMap":"Clavier","menu.item.download.title":"Télécharger","menu.item.save.title":"Enregistrer","menu.item.export.title":"Exporter","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"Ecran","menu.item.github.title":"Github","menu.item.learn.title":"Docs","project.property.title":"Projet","project.information.property.title":"Information","project.information.property.name":"Nom","project.information.property.description":"Description","artboard.property.title":"Planche","artboard.property.layout.title.flex":"Flex","artboard.property.layout.title.grid":"Grille","layer.tree.property.title":"Objets","layer.tree.property.layout.title.flex":"Flex","layer.tree.property.layout.title.grid":"Grille","alignment.property.title":"Alignment","position.property.title":"Position","position.property.X":"X","position.property.Y":"Y","size.property.title":"Taille","size.property.width":"Largeur","size.property.height":"Hauteur","background.color.property.title":"Apparance","background.color.property.color":"Couleur","background.color.property.zindex":"z-index","background.color.property.opacity":"Opacité","background.color.property.blend":"Mélange","background.color.property.overflow":"Débordement","background.color.property.overflow.visible":"Visible","background.color.property.overflow.hidden":"Caché","background.color.property.overflow.scroll":"Scroll","background.color.property.overflow.auto":"Auto","blend.normal":"normal","blend.multiply":"multiplie","blend.screen":"écran","blend.overlay":"couche","blend.darken":"sombre","blend.lighten":"clair","blend.color-dodge":"dodge","blend.color-burn":"brulé","blend.hard-light":"dur","blend.soft-light":"doux","blend.difference":'diff"rence',"blend.exclusion":"exclusion","blend.hue":"teinte","blend.saturation":"saturation","blend.color":"couleur","blend.luminosity":"luminosité","background.image.property.title":"Remplissage","border.property.title":"Bordure","border.radius.property.title":"Rayon de bordure","boxshadow.property.title":"Ombres","filter.property.title":"Filtre","filter.property.blur":"Flou","filter.property.grayscale":"Echelle de gris","filter.property.hue-rotate":"Rotation teinte","filter.property.invert":"Invertir","filter.property.brightness":"Luminosité","filter.property.contrast":"Contraste","filter.property.drop-shadow":"Ombre portée","filter.property.drop-shadow.color":"Couleur","filter.property.drop-shadow.offsetX":"Décalage X","filter.property.drop-shadow.offsetY":"Décalage Y","filter.property.drop-shadow.blurRadius":"Flou","filter.property.opacity":"Opacité","filter.property.saturate":"Saturation","filter.property.sepia":"Sépia","filter.property.svg":"SVG","font.property.title":"Police","font.property.color":"Couleur","font.property.size":"Taille","font.property.stretch":"Etirement","font.property.weight":"Poids","font.property.style":"Style","font.property.family":"Famille","font.spacing.property.title":"Espaces du texte","font.spacing.property.lineHeight":"Hauteur de ligne","font.spacing.property.letterSpacing":"Espace inter-caractères","font.spacing.property.wordSpacing":"Espace inter-mots","font.spacing.property.indent":"Identation","backdrop.filter.property.title":"Filtre Backdrop","clippath.property.title":"Chemin du Clip","export.property.title":"Exporter","export.property.download":"Télécharger","image.property.title":"Image","image.property.origin":"Origine","image.property.size":"Taille","image.property.width":"Largeur","image.property.height":"Hauteur","video.property.title":"Video","video.property.play":"Jouer","video.property.pause":"Pause","video.property.volume":"Volume","video.property.playbackRate":"Vitesse de lecture","video.property.currentTime":"Temps actuel","video.property.playTime":"Temps de lecture","motion.property.title":"Mouvement","text.property.title":"Style Texte","text.property.align":"Alignement","text.property.transform":"Transformation","text.property.decoration":"Décoration","text.clip.property.title":"Clip Texte","text.shadow.property.title":"Ombres Texte","text.fill.property.title":"Remplissage Texte","text.fill.property.fill":"Remplissage","text.fill.property.stroke":"Trait","text.fill.property.strokeWidth":"Largeur","transform.property.title":"Transformation","transform.origin.property.title":"Origine Transformation","transition.property.title":"Transition CSS","keyframe.property.title":"Image clé CSS","selector.property.title":"Sélécteur","selector.property.none":"Aucun sélécteur","path.data.property.title":"Information Chemin","polygon.data.property.title":"Information Polygone","perspective.property.title":"Perspective","perspective.origin.property.title":"Origine Perspective","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"Chemin de mouvement","svg.item.property.fill":"Remplissage","svg.item.property.fillOpacity":"Opacité","svg.item.property.path":"Chemin","svg.item.property.polygon":"Polygone","svg.item.property.totalLength":"Longueur totale","svg.item.property.fillRule":"Règle remplissage","svg.item.property.stroke":"Trait","svg.item.property.strokeWidth":"Largeur de trait","svg.item.property.dashArray":"Suite tiret","svg.item.property.dashOffset":"Décalage tiret","svg.item.property.lineCap":"Chapeau Ligne","svg.item.property.lineJoin":"Jonction ligne","svg.item.property.filter":"Filtre","border.editor.all":"Tout","border.editor.width":"Largeur","border.editor.style":"Style","border.editor.color":"Couleur","border.editor.top":"Haut","border.editor.left":"Gauche","border.editor.right":"Droite","border.editor.bottom":"Bas","border.radius.editor.topLeft":"Haut gauche","border.radius.editor.topRight":"Haut droite","border.radius.editor.bottomLeft":"Bas gauche","border.radius.editor.bottomRight":"Bas droite","boxshadow.editor.blur":"Flou","boxshadow.editor.spread":"Etalement","css.property.editor.properties":"Propriétés","offset.path.list.editor.path":"Chemin","offset.path.list.editor.totalLength":"Longueur totale","offset.path.list.editor.distance":"Distance","offset.path.list.editor.direction":"Direction","offset.path.list.editor.rotate":"Rotation","svgfilter.select.editor.message.create":"Créer un filtre svg","svgfilter.select.editor.message.select":"Sélection filtre","fill.editor.message.click.image":"Cliquez sur aperçu si vous souhaitez sélectionner une image","fill.editor.message.drag.position":"Prendre pour changer la position centrale","fill.editor.x1":"Début X","fill.editor.x2":"Fin X","fill.editor.y1":"Début Y","fill.editor.y2":"Fin Y","fill.editor.spread":"Etalement","fill.editor.offset":"Décalage","fill.editor.cx":"Centre X","fill.editor.cy":"Centre Y","fill.editor.r":"Rayon de fin","fill.editor.fx":"Départ X","fill.editor.fy":"Départ Y","fill.editor.fr":"Rayon de départ","perspective.origin.editor.originX":"Origine X","perspective.origin.editor.originY":"Origine Y","path.manager.msg":"Appuyer ESC ou Entréz keypour fermer Edition","path.manager.mode.modify":"Modifier","path.manager.mode.path":"Chemin","path.manager.mode.transform":"Transformer","path.manager.mode.flipX":"Retouner X","path.manager.mode.flipY":"Retouner Y","path.manager.mode.flipOrigin":"Retouner Origine","colorpicker.popup.title":"Pipette","selector.popup.title":"Propiété de Sélecteur","selector.popup.selector":"Sélecteur","background.image.position.popup.title":"Motif de fond","background.image.position.popup.size":"Taille","background.image.position.popup.width":"Largeur","background.image.position.popup.height":"Hauteur","background.image.position.popup.repeat":"Repète","background.image.position.popup.blend":"Mélange","background.image.position.popup.type.repeat":"repète","background.image.position.popup.type.no-repeat":"sans repétition","background.image.position.popup.type.repeat-x":"repète-x","background.image.position.popup.type.repeat-y":"repète-y","background.image.position.popup.type.space":"espace","background.image.position.popup.type.round":"rond","gradient.picker.popup.title":"Sélection Gradient & Image","image.asset.property.title":"Image","video.asset.property.title":"Vidéo","color.asset.property.title":"Couleur","gradient.asset.property.title":"Gradient","pattern.asset.property.title":"Motif","svgfilter.asset.property.title":"Filtre SVG","inspector.tab.title.style":"Style","inspector.tab.title.component":"Composant","inspector.tab.title.transition":"Transition & Animation","inspector.tab.title.asset":"Eléments","inspector.tab.title.text":"Texte","inspector.tab.title.code":"Code","timeline.property.title":"Chronologie","timeline.animation.property.title":"Animations","timeline.play.control.play":"Jouer","timeline.play.control.pause":"Pause","timeline.play.control.first":"Premier","timeline.play.control.prev":"Précédent","timeline.play.control.next":"Suivant","timeline.play.control.last":"Dernier","timeline.play.control.direction":"Direction","timeline.play.control.speed":"Vitesse","timeline.play.control.repeat":"Répéter","timeline.play.control.infinite":"Infini","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternatif","timeline.play.control.reverse":"inverse","timeline.play.control.alternate.reverse":"inverse alternatif","timeline.value.editor.value":"Valeur","timeline.value.editor.time":"Temps","timeline.value.editor.timing":"Calage temps","svgfilter.popup.title":"Filtre SVG","css.item.rotate":"Rotation","css.item.rotateX":"Rotation X","css.item.rotateY":"Rotation Y","css.item.rotateZ":"Rotation Z","css.item.rotate3d":"Rotation 3D","css.item.skewX":"Oblique X","css.item.skewY":"Oblique Y","css.item.translate":"Translation","css.item.translateX":"Translation X","css.item.translateY":"Translation Y","css.item.translateZ":"Translation Z","css.item.translate3d":"Translation 3D","css.item.perspective":"Perspéctive","css.item.scale":"Echelle","css.item.scaleX":"Echelle X","css.item.scaleY":"Echelle Y","css.item.scaleZ":"Echelle Z","css.item.scale3d":"Echelle 3D","css.item.matrix":"Matrice","css.item.matrix3d":"Matrice 3D","animation.property.title":"Animation CSS","animation.property.direction":"Direction","animation.property.play.state":"Etat lecture","animation.property.fill.mode":"Mode remplissage","animation.property.delay":"Délais","animation.property.duration":"Durée","animation.property.iteration.count":"Nombre Itérations","animation.property.Select a keyframe":"Selectionner une image clé","animation.property.popup.title":"Animation","animation.property.popup.timing.function":"Fonction temps","animation.property.popup.keyframe":"image clé","animation.property.popup.direction":"Direction","animation.property.popup.play.state":"Etat lecture","animation.property.popup.fill.mode":"Mode remplissage","animation.property.popup.delay":"Délais","animation.property.popup.duration":"Duréé","animation.property.popup.iteration":"Itération","animation.property.popup.normal":"normal","animation.property.popup.reverse":"inverse","animation.property.popup.alternate":"alternatif","animation.property.popup.alternate-reverse":"inverse alternatif","animation.property.popup.none":"Aucun","animation.property.popup.forwards":"en avant","animation.property.popup.backwards":"en arrière","animation.property.popup.both":"les deux","animation.property.popup.Select a keyframe":"Selectionner une image clé","keyframe.popup.title":"image clé","code.view.property.title":"Vue code","svg.filter.editor.tab.filter":"Filtrer","svg.filter.editor.tab.preset":"Pre-rempli","svg.filter.editor.tab.asset":"Eléments","svg.filter.editor.GRAPHIC REFERENCES":"REFERENCES GRAPHIQUES","svg.filter.editor.SOURCES":"SOURCES","svg.filter.editor.MODIFIER":"MODIFIER","svg.filter.editor.LIGHTING":"ECLAIRAGE","svg.filter.editor.COMBINERS":"COMBINER","svg.filter.editor.Template":"Modèle","layout.property.title":"Disposition","layout.property.flex":"Boîte Flex","layout.property.grid":"Grille","layout.property.default":"Défaut","flex.layout.editor.row":"Ligne","flex.layout.editor.column":"Colonne","flex.layout.editor.row-reverse":"Inverse ligne","flex.layout.editor.column-reverse":"Inverse Colonne","flex.layout.editor.nowrap":"Non-emballé","flex.layout.editor.wrap":"Emballé (wrap)","flex.layout.editor.wrap-reverse":"Inverse emballé","flex.layout.editor.flex-start":"Début","flex.layout.editor.flex-end":"Fin","flex.layout.editor.center":"Centrer","flex.layout.editor.space-between":"Entre","flex.layout.editor.space-around":"Autour","flex.layout.editor.baseline":"Base","flex.layout.editor.stretch":"Etirement","flex.layout.editor.direction":"Direction","flex.layout.editor.justify-content":"Justifier","flex.layout.editor.align-items":"Aligner objets","flex.layout.editor.align-content":"Aligner contenu","flex.layout.item.property.title":"Détail Disposition objet","flex.layout.item.property.grow":"Augmenter Flex","flex.layout.item.property.shrink":"Réduire Flex","flex.layout.item.property.basis":"Base Flex","flex.layout.item.property.none":"Aucun","flex.layout.item.property.auto":"auto","flex.layout.item.property.value":"valeur","grid.layout.editor.template.columns":"Colonne","grid.layout.editor.column.gap":"Espace Colonne","grid.layout.editor.template.rows":"Lignes","grid.layout.editor.row.gap":"Espace lignes","grid.box.editor.box.title":"Boîte","grid.box.editor.type":"Type","grid.box.editor.repeat":"Répéter","grid.box.editor.length":"Longueur","grid.box.editor.none":"Aucun","grid.box.editor.auto":"Auto","grid.box.editor.count":"Compte","grid.box.editor.value":"Taille","grid.layout.item.property.title":"Détail disposition objets","grid.layout.item.property.column":"Colonne","grid.layout.item.property.row":"Ligne","grid.layout.item.property.start":"Début","grid.layout.item.property.end":"Fin","grid.layout.item.property.none":"Aucun","grid.layout.item.property.value":"valeur","box.model.property.title":"Modèle","box.model.property.margin":"Marge","box.model.property.padding":"Espace","component.items.canvas":"Toile","component.items.layer":"Objet","component.items.3dlayer":"Objet 3D","component.items.drawing":"Dessin","component.items.custom":"Composant personnalisé","svg.text.property.title":"Style SVG Texte","svg.text.property.textarea":"Zone Texte","svg.text.property.size":"Taille","svg.text.property.weight":"Poids","svg.text.property.style":"Style","svg.text.property.anchor":"Ancre Texte","svg.text.property.family":"Famille","svg.text.property.length.adjust":"Ajusteement longueur","svg.text.property.text.length":"Ajusteement Texte","svg.text.property.start.offset":"Décallage départ","fill.picker.popup.title":"Sélection Fragment SVG","gradient.editor.drag.message":"Glisser pour déplacer centre.","draw.manager.tolerance":"Tolérance","pattern.property.title":"Motif","pattern.info.popup.title":"Info Motif","pattern.info.popup.width":"Largeur","pattern.info.popup.height":"Hauteur","pattern.info.popup.lineWidth":"Largeur ligne","pattern.info.popup.lineHeight":"Hauteur de ligne","pattern.info.popup.rotate":"Rotatation","pattern.info.popup.blend":"Mélange","pattern.info.popup.foreColor":"Avant","pattern.info.popup.backColor":"Arrière","stroke.dasharray.editor.add":"Ajout tiret"},ko_KR:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"언어","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.gray":"회색","app.label.theme":"테마","app.tab.title.projects":"프로젝트","app.tab.title.layers":"레이어","app.tab.title.libraries":"라이브러리","app.tab.title.components":"컴포넌트","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.github.title":"Github","menu.item.learn.title":"배우기","project.property.title":"프로젝트","project.information.property.title":"프로젝트 정보","project.information.property.name":"이름","project.information.property.description":"설명","artboard.property.title":"아트보드","artboard.property.layout.title.flex":"플렉스","artboard.property.layout.title.grid":"그리드","layer.tree.property.title":"레이어","layer.tree.property.layout.title.flex":"플렉스","layer.tree.property.layout.title.grid":"그리드","alignment.property.title":"정렬","position.property.title":"위치","position.property.X":"X","position.property.Y":"Y","size.property.title":"크기","size.property.width":"넓이","size.property.height":"높이","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","background.color.property.opacity":"투명도","background.color.property.blend":"블렌드모드","background.color.property.overflow":"오버플로우","background.color.property.overflow.visible":"보이기","background.color.property.overflow.hidden":"숨기기","background.color.property.overflow.scroll":"스크롤","background.color.property.overflow.auto":"자동","blend.normal":"Normal(표준) 혼합모드","blend.multiply":"Multiply(곱하기) 모드","blend.screen":"Screen(스크린) 모드 ","blend.overlay":"Overlay(오버레이) 모드","blend.darken":"Darken(어둡기) 모드","blend.lighten":"Lighten(밝기) 모드 ","blend.color-dodge":"Color Dodge(컬러 닷지) 모드 ","blend.color-burn":"Color Burn(컬러 번) 모드 ","blend.hard-light":"Hard Light(하드 라이트) 모드 ","blend.soft-light":"Soft Light(소프트 라이트) 모드 ","blend.difference":"Difference(차이) 모드","blend.exclusion":"Exclusion(제외) 모드","blend.hue":"Hue(색조) 모드 ","blend.saturation":"Saturation(채도) 모드","blend.color":"Color(색상) 모드","blend.luminosity":"Luminosity(광도) 모드 ","background.image.property.title":"배경(그라디언트)","border.property.title":"외곽선","border.radius.property.title":"둥근 외곽선","boxshadow.property.title":"그림자","filter.property.title":"필터","filter.property.blur":"흐림(Blur)","filter.property.grayscale":"회색(GrayScale)","filter.property.hue-rotate":"색조(HueRotate)","filter.property.invert":"반전(Invert)","filter.property.brightness":"밝기(Brightness)","filter.property.contrast":"대\b조(Contrast)","filter.property.drop-shadow":"그림자(Drop Shadow)","filter.property.drop-shadow.color":"색","filter.property.drop-shadow.offsetX":"X 간격","filter.property.drop-shadow.offsetY":"Y 간격","filter.property.drop-shadow.blurRadius":"흐림","filter.property.opacity":"투명도(Opacity)","filter.property.saturate":"채도(Saturate)","filter.property.sepia":"갈색톤(Sepia)","filter.property.svg":"SVG","font.property.title":"폰트","font.property.color":"색","font.property.size":"크기","font.property.stretch":"뻗기","font.property.weight":"굵기","font.property.style":"스타일","font.property.family":"글꼴","font.spacing.property.title":"폰트 공간","font.spacing.property.lineHeight":"줄 높이","font.spacing.property.letterSpacing":"글자 간격","font.spacing.property.wordSpacing":"단어 간격","font.spacing.property.indent":"들여쓰기","backdrop.filter.property.title":"후면 필터","clippath.property.title":"클립패스","export.property.title":"내보내기","export.property.download":"다운로드","image.property.title":"이미지","image.property.origin":"원본","image.property.size":"크기","image.property.width":"넓이","image.property.height":"높이","video.property.title":"비디오","video.property.play":"시작","video.property.pause":"멈춤","video.property.volume":"볼륨","video.property.playbackRate":"빠르기","video.property.currentTime":"현재 시간","video.property.playTime":"플레이 시간 간격","motion.property.title":"모션","path.data.property.title":"패스 정보","polygon.data.property.title":"폴리곤 정보","text.property.title":"텍스트 스타일","text.property.align":"정렬","text.property.transform":"변형","text.property.decoration":"장식","text.clip.property.title":"텍스트 클립","text.shadow.property.title":"텍스트 그림자","text.fill.property.title":"텍스트 채우기","text.fill.property.fill":"채우기","text.fill.property.stroke":"윤곽선","text.fill.property.strokeWidth":"윤곽선 굵기","transform.property.title":"트랜스폼","transform.origin.property.title":"트랜스폼 Origin","transition.property.title":"CSS 트랜지션","keyframe.property.title":"CSS 키프레임","selector.property.title":"CSS 셀렉터","selector.property.none":"선택자 없음","perspective.property.title":"투영(perspective)","perspective.origin.property.title":"투영 중심점","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"모션 패스","svg.item.property.fill":"채우기","svg.item.property.fillOpacity":"투명도","svg.item.property.path":"패스","svg.item.property.polygon":"폴리곤","svg.item.property.totalLength":"전체 길이","svg.item.property.fillRule":"채우기 규칙","svg.item.property.stroke":"선","svg.item.property.strokeWidth":"선 굵기","svg.item.property.dashArray":"점선 길이","svg.item.property.dashOffset":"점선 위치","svg.item.property.lineCap":"선 모양","svg.item.property.lineJoin":"겹친 선","svg.item.property.filter":"필터","border.editor.all":"전체","border.editor.width":"크기","border.editor.style":"스타일","border.editor.color":"색","border.editor.top":"위","border.editor.left":"왼쪽","border.editor.right":"오른쪽","border.editor.bottom":"아래","border.radius.editor.topLeft":"왼쪽 위","border.radius.editor.topRight":"오른쪽 위","border.radius.editor.bottomLeft":"왼쪽 아래","border.radius.editor.bottomRight":"오른쪽 아래","boxshadow.editor.blur":"흐림","boxshadow.editor.spread":"길이","css.property.editor.properties":"속성","offset.path.list.editor.path":"패스","offset.path.list.editor.totalLength":"전체 길이","offset.path.list.editor.distance":"거리","offset.path.list.editor.direction":"방향","offset.path.list.editor.rotate":"회전","svgfilter.select.editor.message.create":"새로운 SVG Filter 를 만드세요.","svgfilter.select.editor.message.select":"필터를 선택하세요.","fill.editor.message.click.image":"이미지를 선택하고 싶으면 프리뷰 영역을 클릭하세요.","fill.editor.message.drag.position":"가운데 위치를 드래그 해보세요.","fill.editor.x1":"시작 X","fill.editor.x2":"끝 X","fill.editor.y1":"시작 Y","fill.editor.y2":"끝 Y","fill.editor.spread":"확산","fill.editor.offset":"위치","fill.editor.cx":"중심점 X","fill.editor.cy":"중심점 Y","fill.editor.r":"끝 반지름","fill.editor.fx":"시작 X","fill.editor.fy":"시작 Y","fill.editor.fr":"시작 반지름","perspective.origin.editor.originX":"중심점 X","perspective.origin.editor.originY":"중심점 Y","path.manager.msg":"편집을 종료할 때는 ESC 키나 Enter 키를 누르세요. 또는 화면을 클릭하시면 됩니다.","path.manager.mode.modify":"점 편집","path.manager.mode.path":"점 추가","path.manager.mode.transform":"변형","path.manager.mode.flipX":"X축 회전","path.manager.mode.flipY":"Y축 회전","path.manager.mode.flipOrigin":"전체 회전","colorpicker.popup.title":"색상 선택","selector.popup.title":"선택자 속성","selector.popup.selector":"선택자","background.image.position.popup.title":"배경 패턴","background.image.position.popup.size":"크기","background.image.position.popup.width":"넓이","background.image.position.popup.height":"높이","background.image.position.popup.repeat":"반복","background.image.position.popup.blend":"블렌드","background.image.position.popup.type.repeat":"반복","background.image.position.popup.type.no-repeat":"반복 안함","background.image.position.popup.type.repeat-x":"x축 반복","background.image.position.popup.type.repeat-y":"y축 반복","background.image.position.popup.type.space":"공백유지","background.image.position.popup.type.round":"반올림","gradient.picker.popup.title":"그라디언트와 이미지","image.asset.property.title":"이미지","video.asset.property.title":"비디오","color.asset.property.title":"색","gradient.asset.property.title":"그라디언트","pattern.asset.property.title":"패턴","svgfilter.asset.property.title":"SVG 필터","inspector.tab.title.style":"스타일 속성","inspector.tab.title.component":"컴포넌트 속성","inspector.tab.title.transition":"트랜지션과 애니메이션 속성","inspector.tab.title.asset":"에셋 관리자","inspector.tab.title.text":"텍스트","inspector.tab.title.code":"코드","timeline.property.title":"타임라인","timeline.animation.property.title":"애니메이션","timeline.play.control.play":"플레이","timeline.play.control.pause":"멈춤","timeline.play.control.first":"처음으로","timeline.play.control.prev":"이전으로","timeline.play.control.next":"다음으로","timeline.play.control.last":"마지막으로","timeline.play.control.direction":"방향","timeline.play.control.speed":"속력","timeline.play.control.repeat":"반복","timeline.play.control.infinite":"무한","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"값","timeline.value.editor.time":"시간","timeline.value.editor.timing":"타이밍 함수","svgfilter.popup.title":"SVG 필터","css.item.rotate":"회전","css.item.rotateX":"X축 회전","css.item.rotateY":"Y축 회전","css.item.rotateZ":"Z축 회전","css.item.rotate3d":"3D 회전","css.item.skewX":"X축 늘이기","css.item.skewY":"Y축 늘이기","css.item.translate":"이동","css.item.translateX":"X축 이동","css.item.translateY":"Y축 이동","css.item.translateZ":"Z축 이동","css.item.translate3d":"3D 이동","css.item.perspective":"원근","css.item.scale":"크기변경","css.item.scaleX":"X축 크기변경","css.item.scaleY":"Y축 크기변경","css.item.scaleZ":"Z축 크기변경","css.item.scale3d":"3D 크기변경","css.item.matrix":"변환 행렬","css.item.matrix3d":"3D 변환 행렬","animation.property.title":"CSS 애니메이션","animation.property.direction":"방향","animation.property.play.state":"플레이 상태","animation.property.fill.mode":"채우기 모드","animation.property.delay":"대기시간","animation.property.duration":"시간","animation.property.iteration.count":"반복 횟수","animation.property.select a keyframe":"키프레임을 선택해주세요","animation.property.popup.title":"CSS 애니메이션","animation.property.popup.timing.function":"타이밍 함수","animation.property.popup.keyframe":"키프레임","animation.property.popup.direction":"방향","animation.property.popup.play.state":"플레이 상태","animation.property.popup.fill.mode":"채우기 모드","animation.property.popup.delay":"대기시간","animation.property.popup.duration":"시간","animation.property.popup.iteration":"반복 횟수","animation.property.popup.normal":"시간순","animation.property.popup.reverse":"역시간순","animation.property.popup.alternate":"왕복 시간순","animation.property.popup.alternate-reverse":"왕복 역시간순","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"키프레임을 선택해주세요.","keyframe.popup.title":"키프레임","code.view.property.title":"코드뷰","svg.filter.editor.tab.filter":"필터","svg.filter.editor.tab.preset":"프리셋","svg.filter.editor.tab.asset":"에셋","svg.filter.editor.GRAPHIC REFERENCES":"참조 그래픽","svg.filter.editor.SOURCES":"원본","svg.filter.editor.MODIFIER":"수정","svg.filter.editor.LIGHTING":"빛","svg.filter.editor.COMBINERS":"결합","svg.filter.editor.Template":"템플릿","layout.property.title":"레이아웃","layout.property.flex":"플렉스 박스","layout.property.grid":"그리드","layout.property.default":"기본 좌표","flex.layout.editor.row":"행","flex.layout.editor.column":"열","flex.layout.editor.row-reverse":"역방향 행","flex.layout.editor.column-reverse":"역방향 열","flex.layout.editor.nowrap":"감싸지 않기","flex.layout.editor.wrap":"감싸기","flex.layout.editor.wrap-reverse":"역방향 감싸기","flex.layout.editor.flex-start":"시작","flex.layout.editor.flex-end":"끝","flex.layout.editor.center":"중간","flex.layout.editor.space-between":"공간 중간 채움","flex.layout.editor.space-around":"공간 양끝 채움","flex.layout.editor.baseline":"기본선","flex.layout.editor.stretch":"펼치기","flex.layout.editor.direction":"방향","flex.layout.editor.justify-content":"컨텐츠 조정","flex.layout.editor.align-items":"아이템 정렬","flex.layout.editor.align-content":"컨텐츠 정렬","flex.layout.item.property.title":"플렉스 아이템 설정","flex.layout.item.property.grow":"공간 비율","flex.layout.item.property.shrink":"축소 비율","flex.layout.item.property.basis":"초기 크기","flex.layout.item.property.none":"없음","flex.layout.item.property.auto":"자동","flex.layout.item.property.value":"값","grid.layout.editor.template.columns":"열","grid.layout.editor.column.gap":"열 간격","grid.layout.editor.template.rows":"행","grid.layout.editor.row.gap":"행 간격","grid.box.editor.box.title":"영역","grid.box.editor.type":"타입","grid.box.editor.repeat":"반복","grid.box.editor.length":"길이","grid.box.editor.none":"없음","grid.box.editor.auto":"자동","grid.box.editor.count":"개수","grid.box.editor.value":"크기","grid.layout.item.property.title":"그리드 아이템 설정","grid.layout.item.property.column":"열","grid.layout.item.property.row":"행","grid.layout.item.property.start":"시작","grid.layout.item.property.End":"끝","grid.layout.item.property.none":"없음","grid.layout.item.property.value":"값","box.model.property.title":"박스 모델","box.model.property.margin":"마진","box.model.property.padding":"패딩","component.items.canvas":"캔버스","component.items.layer":"레이어","component.items.3dlayer":"3D 레이어","component.items.drawing":"그리기","component.items.custom":"사용자 정의 컴포넌트","svg.text.property.title":"SVG Text 스타일","svg.text.property.textarea":"텍스트 입력","svg.text.property.size":"폰트 크기","svg.text.property.weight":"폰트 굵기","svg.text.property.style":"폰트 스타일","svg.text.property.anchor":"텍스트 위치","svg.text.property.family":"폰트 글꼴","svg.text.property.length.adjust":"길이 대응","svg.text.property.text.length":"텍스트 길이","svg.text.property.start.offset":"시작 지점","fill.picker.popup.title":"색 채우기","gradient.editor.drag.message":"드래그 하면 중심점을 옮길 수 있습니다.","draw.manager.tolerance":"포인트 허용 오차","pattern.property.title":"패턴","pattern.info.popup.title":"패턴 정보","pattern.info.popup.width":"넓이","pattern.info.popup.height":"높이","pattern.info.popup.lineWidth":"선 넓이","pattern.info.popup.lineHeight":"선 높이","pattern.info.popup.rotate":"회전","pattern.info.popup.blend":"블렌드","pattern.info.popup.foreColor":"패턴색","pattern.info.popup.backColor":"배경색","stroke.dasharray.editor.add":"점 추가"}},bo={locales:vo,get:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en_US",r=vo[n][t]||vo.en_US[t]||t||void 0;if(G(r))return r(e);var o=r;return t===o?t.split(".").pop():(C(e,(function(t,e){o=o.replace(new RegExp("{".concat(t,"}"),"ig"),e)})),o)},hasKey:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!vo[e][t]&&!vo.en_US[t])}},go={dark:{left_size:250,left_max_size:400,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},gray:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function mo(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 wo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 ko(t,e){for(var n=0;n<e.length;n++){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 jo=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]:{};e%2?wo(Object(n),!0).forEach((function(e){Oo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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:"toggleLayerContainer",value:function(t){this.currentArtBoard((function(e){e.getSelectedTimeline().animations.filter((function(e){return e.id===t})).forEach((function(t){t.collapsed=!t.collapsed}))}))}},{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,mo(t.keyframes.filter((function(t){return e<=t.time&&t.time<=n}))))}));i.push.apply(i,mo(r))}));var a={};i.forEach((function(t){a[t.id]=t})),r.select.apply(r,mo(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}))}}])&&ko(e.prototype,n),r&&ko(e,r),t}();function So(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Po(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?So(Object(n),!0).forEach((function(e){xo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):So(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eo(t,e){for(var n=0;n<e.length;n++){var 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){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 Co=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $o(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return G(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(Object.assign(this.getDefaultObject(),n)),this.ref}var e,n,r;return e=t,(n=[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{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&&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(Object.assign(this.json,e))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=jt();return Po({id:e,visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"add",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"self";if(t.parent&&t.remove(),"self"===n)this.json.layers.push(t),t.parent=this.ref;else if("before"===n){t.parent=this.parent.ref;var r=[];this.parent.layers.forEach((function(n){n===e.ref&&r.push(t),r.push(n)})),this.parent.layers=r}else"after"===n&&(t.parent=this.parent.ref,r=[],this.parent.layers.forEach((function(n){r.push(n),n===e.ref&&r.push(t)})),this.parent.layers=r);return t}},{key:"toggle",value:function(t,e){A(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:"hasParent",value:function(t){var e=this.json.parent.id===t;return e||!1!==this.json.parent.is("project")?e:this.json.parent.hasParent(t)}},{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(_o(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 _o(function t(e){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,_o(t(e)))})),n.push(e),n}(this.ref))}}])&&Eo(e.prototype,n),r&&Eo(e,r),t}();function To(t){return(To="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Do(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ro(Object(n),!0).forEach((function(e){Vo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ro(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ao(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Lo(t,e){return!e||"object"!==To(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mo(t){return(Mo=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 zo=function(t){function e(){return Ao(this,e),Lo(this,Mo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Do({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return q(this.toCSS())}}])&&Io(n.prototype,r),o&&Io(n,o),e}(Co);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 Go(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Ho(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 Yo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yo(Object(n),!0).forEach((function(e){No(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function No(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ko(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Uo(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 Zo(t,e,n){return(Zo="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=qo(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 qo(t){return(qo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jo(t,e){return(Jo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qo=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,ti=function(t){function e(){return Ko(this,e),Uo(this,qo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jo(t,e)}(e,t),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(Ho(n),Ho(o),Ho(r)).map((function(t){return new e(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new e(t)}},{key:"remove",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return B(n)&&(n=[n]),e.filter(t,(function(t){return!1===n.includes(t.type)}))}},{key:"filter",value:function(t,n){return e.join(e.parseStyle(t).filter((function(t){return n(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=e.parseStyle(t);return(r=G(n)?r.find(n):r.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(Qo)||[]).forEach((function(t,r){var o=Go(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 rn.number(t.trim())})):c.map((function(t){return rn.parse(t.trim())})),n[r]=e.parse({type:i,value:c})})),n):n}},{key:"getTransform",value:function(t,e){var n=Go(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=Go(e,2),o=n[0],i=n[1];r.push(o-t[0][0],i-t[0][1])})),n.forEach((function(e){var n=Go(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 Zo(qo(e.prototype),"getDefaultObject",this).call(this,Xo({itemType:"transform",type:"",value:[]},t))}},{key:"toCloneObject",value:function(){return Xo({},Zo(qo(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=Zo(qo(e.prototype),"convert",this).call(this,t)).type.includes("matrix")||t.type.includes("scale")?t.value=t.value.map((function(t){return rn.number(t)})):t.value=t.value.map((function(t){return rn.parse(t)})),t}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}])&&Wo(n.prototype,r),o&&Wo(n,o),e}(zo);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ri(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 oi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ii(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ai(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 ui(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 si(t,e,n){return(si="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=li(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 li(t){return(li=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fi(t,e){return(fi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pi=function(t){function e(){return ai(this,e),ui(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&&fi(t,e)}(e,t),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]:{};e%2?oi(Object(n),!0).forEach((function(e){ii(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},si(li(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=si(li(e.prototype),"convert",this).call(this,t)).x=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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=ti.parseStyle(un.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]),y=n[13],h=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:y,z:h}}}},{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=ut.addVector(ut.rotateVector(a.a,c.rotate),c.translate),a.b=ut.addVector(ut.rotateVector(a.b,c.rotate),c.translate),a.c=ut.addVector(ut.rotateVector(a.c,c.rotate),c.translate),a.d=ut.addVector(ut.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,ri(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(){return!(!this.json.parent||!1!==this.json.parent.is("project")||!this.isAbsolute)}},{key:"screenX",get:function(){return this.isChild?rn.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||rn.px(0)}},{key:"screenY",get:function(){return this.isChild?rn.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||rn.px(0)}},{key:"screenX2",get:function(){return rn.px(this.screenX.value+this.json.width.value)}},{key:"screenY2",get:function(){return rn.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)),rn.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)),rn.px(this.screenY.value+t)}},{key:"transformOrigin",get:function(){var t=ni((this.json["transform-origin"]||"50% 50%").split(" ").map((function(t){return rn.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 ti.addTransform(this.json.parent.screenTransform,this.json.transform)}}])&&ci(n.prototype,r),o&&ci(n,o),e}(Co);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 hi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function di(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hi(Object(n),!0).forEach((function(e){vi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 mi(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 Oi(t,e){return(Oi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ki=function(t){function e(){return bi(this,e),mi(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&&Oi(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return di({selected:!1,layers:[]},t)}}])&&gi(n.prototype,r),o&&gi(n,o),e}(pi);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 Si(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 Pi=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return rn.px(t).round(e)};function xi(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,Si(xi(t,e)))})),e.id?n.push(t):e.includes(t.id)&&n.push(t),n}var $i=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:"getRootItem",value:function(t){var e=t||this.currentArtboard;return t&&(t.is("artboard")?e=t:t.parent&&(e=t.parent)),e}},{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:"hasDifference",value:function(t){if(t.length!=this.items.length)return!0;var e=new Set(t),n=new Set(this.items),r=0,o=!0,i=!1,a=void 0;try{for(var c,u=n[Symbol.iterator]();!(o=(c=u.next()).done);o=!0){var s=c.value;e.has(s)&&r++}}catch(t){i=!0,a=t}finally{try{o||null==u.return||u.return()}finally{if(i)throw a}}return n.size!=r}},{key:"select",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o=(n||[]).filter((function(t){return!t.lock&&t.isAbsolute}));return!1!==this.hasDifference(o)&&(this.items=o,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e})),this.setRectCache(),!0)}},{key:"reselect",value:function(){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:"itemsByIds",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return L(t)?xi(this.artboard,t):B(t)||F(t)?xi(this.artboard,[t]):this.items}},{key:"selectById",value:function(t){this.select.apply(this,Si(xi(this.artboard,t)))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,Si(this.items).concat(Si(xi(this.artboard,t))))}},{key:"removeById",value:function(t){this.select.apply(this,Si(this.items.filter((function(e){return e.id!=t}))))}},{key:"toggleById",value:function(t){this.itemKeys[t]?this.removeById(t):this.addById(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 ki({x:rn.px(t),y:rn.px(e),width:rn.px(n-t),height:rn.px(r-e)})}},{key:"each",value:function(t){var e=this;G(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,Si(this.copyItems.map((function(t){return t.copy()})))),this.copy()}},{key:"isInParent",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t,r=n.parent,o=!n.is("artboard")&&e.includes(r);!o&&!A(r);)n=r,r=r.parent,o=!n.is("artboard")&&e.includes(r);return o}},{key:"move",value:function(t,e){var n=this;this.each((function(r,o){n.isInParent(r,n.items)||r.move(Pi(o.x.value+t),Pi(o.y.value+e))})),this.reselect()}},{key:"moveRight",value:function(t){this.each((function(e,n){e.resizeWidth(Pi(n.width.value+t))}))}},{key:"moveLeft",value:function(t){this.each((function(e,n){n.width.value-t>=0&&(e.moveX(Pi(n.x.value+t)),e.resizeWidth(Pi(n.width.value-t)))}))}},{key:"moveBottom",value:function(t){this.each((function(e,n){e.resizeHeight(Pi(n.height.value+t))}))}},{key:"moveTop",value:function(t){this.each((function(e,n){n.height.value-t>=0&&(e.moveY(Pi(n.y.value+t)),e.resizeHeight(Pi(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}}])&&ji(e.prototype,n),r&&ji(e,r),t}();function Ei(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var Ci=new(function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];Ei(this,t),this.components={}}var e,n,r;return e=t,(n=[{key:"registerComponent",value:function(t,e){this.components[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"createComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getComponentClass(t);if(!n)throw new Error("".concat(t," type is not valid."));return new n(e)}}])&&_i(e.prototype,n),r&&_i(e,r),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)}}var Ri=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}var e,n,r;return e=t,(n=[{key:"registerCommand",value:function(t,e){var n=this;if(2===arguments.length){var r=function(){for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];e.call.apply(e,[n,n.$editor].concat(r))};r.source=t,this.$editor.$store.on(t,r,this,0)}else if(F(t)){var o=function(){for(var e,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];(e=t.execute).call.apply(e,[t,n.$editor].concat(o))};o.source=t.command,this.$editor.$store.on(t.command,o,this,t.debounce||0)}}}])&&Ti(e.prototype,n),r&&Ti(e,r),t}();function Di(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 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 Ii(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}var Li=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.list=[],this.commands={}}var e,n,r;return e=t,(n=[{key:"registerShortCut",value:function(t){this.list.push(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Di(Object(n),!0).forEach((function(e){Vi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Di(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({key:"",command:"",args:[],eventType:"keydown"},t,{checkKeyString:this.splitShortCut(t.key)}))}},{key:"sort",value:function(){var t=this;this.list.forEach((function(e){!1===L(t.commands[e.checkKeyString])&&(t.commands[e.checkKeyString]=[]),t.commands[e.checkKeyString].push(e)}))}},{key:"splitShortCut",value:function(t){var e=t.toUpperCase().split("+").map((function(t){return t.trim()})).filter(Boolean),n=!1,r=!1,o=!1,i=!1,a=[];return e.forEach((function(t){t.includes("ALT")?n=!0:t.includes("CTRL")?r=!0:t.includes("SHIFT")?o=!0:t.includes("CMD")||t.includes("WIN")?i=!0:a.push(t)})),Ii(n?"ALT":"",r?"CTRL":"",o?"SHIFT":"",i?"META":"",a.join(""))}},{key:"makeKeyString",value:function(t){return Ii(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return Ii(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"checkShortCut",value:function(t,e){return this.commands[t]||this.commands[e]}},{key:"checkWhen",value:function(t){return t.when===this.$editor.modeView||""===t.when}},{key:"execute",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyString(t),this.makeCodeString(t));if(r){var o=r.filter((function(t){return t.eventType===n})).filter((function(t){return e.checkWhen(t)}));o.length&&t.preventDefault(),o.forEach((function(t){e.$editor.emit(t.command,t.args)}))}}}])&&Ai(e.prototype,n),r&&Ai(e,r),t}();function Mi(t,e){for(var n=0;n<e.length;n++){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 Bi=new Map,zi=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 Bi[t]}},{key:"set",value:function(t,e){Bi[t]=e}},{key:"remove",value:function(t){delete Bi[t]}}])&&Mi(e.prototype,n),r&&Mi(e,r),t}();function Fi(t){return Yi(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||Hi()}function Gi(t,e){return Yi(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||Hi()}function Hi(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function Yi(t){if(Array.isArray(t))return t}function Xi(t,e){for(var n=0;n<e.length;n++){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 Ni=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=e.split("data:"),o=Gi(r,2),i=(o[0],o[1]),a=i.split(","),c=Fi(a),u=c[0],s=c.slice(1),l=u.split(";"),f=Gi(l,2),p=f[0],y=f[1];return s=s.join(","),{mimeType:p,local:n&&t.getLink(p,y,s)}}},{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)&&Xi(e.prototype,n),r&&Xi(e,r),t}();function Ki(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wi(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t.emit("noneSelectMenu"),e?t.emit("refreshSelectionStyleView"):t.emit("refreshAll"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.emit("refreshSelectionTool")}function Ui(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Zi(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 qi(t,e){for(var n=0;n<e.length;n++){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 Ji=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(e,n,r){return 2===arguments.length?e.x===n.x&&e.y===n.y:3===arguments.length?t.isEqual(e,n)&&t.isEqual(n,r):void 0}},{key:"isFirst",value:function(t){return t&&"M"==t.command}},{key:"DouglasPeuker",value:function(e,n,r,o){if(!(o<=r+1)){for(var i=0,a=r,c=e*e,u=n[r],s=n[o],l=r+1;l<o;l++){var f=t.segmentDistance2(n[l].x,n[l].y,u,s);f<=i||(a=l,i=f)}i>c&&(n[a].mark=!0,t.DouglasPeuker(e,n,r,a),t.DouglasPeuker(e,n,a,o))}}},{key:"simply",value:function(e,n){return e.length<=2?e:((e=Y(e))[0].mark=!0,e[e.length-1].mark=!0,t.DouglasPeuker(n,e,0,e.length-1),e.filter((function(t){return Boolean(t.mark)})))}},{key:"segmentDistance2",value:function(t,e,n,r){var o=r.x-n.x,i=r.y-n.y,a=o*o+i*i,c=t-n.x,u=e-n.y,s=o*c+i*u;if(0===a)return c*c+u*u;if(s<=0)return c*c+u*u;if(s>=a)return(c=t-r.x)*c+(u=e-r.y)*u;var l=c*i-u*o;return l*l/a}},{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}},{key:"removePoint",value:function(t,e,n){if("startPoint"===n)return t.filter((function(t,n){return n!==e}))}},{key:"splitPoints",value:function(e){var n=[],r=[];return e.forEach((function(e){t.isFirst(e)?(r=[e],n.push(r)):r.push(e)})),n}},{key:"recoverPoints",value:function(t){var e=[];return t.forEach((function(t){t.forEach((function(t,e){0===e&&(t.command="M",t.originalCommand="M")})),e.push.apply(e,Zi(t))})),e.forEach((function(t,e){t.index=e})),e}}],(n=null)&&qi(e.prototype,n),r&&qi(e,r),t}();function Qi(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ta(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 ea(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function na(t,e){for(var n=0;n<e.length;n++){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 ra=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,oa=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,ia={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]}},toPercent:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o/t,i/e,1]}},toPixel:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o*t,i*e,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]])}},aa=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";ea(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.match(oa)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(ra)||[];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:ta(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=Qi(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((k=Ji.getPrevPoint(t,t.length)).curve){var l=Qi(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:Y(k.endPoint),curve:!0})}else{var f=Qi(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=Qi(a,4),y=p[0],h=p[1];if(u=p[2],s=p[3],(k=Ji.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}),k.endPoint={x:y,y:h}}else o&&"L"===o.command?(k.curve=!0,k.endPoint={x:y,y:h},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})):(d={x:u,y:s},b={x:y,y:h},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=Qi(a,2);if(u=g[0],s=g[1],(x=segments[e-1])&&"Q"===x.command){var m=Qi(x.values,4),w=(y=m[0],h=m[1],m[2]),O=m[3];(k=Ji.getPrevPoint(t,t.length)).endPoint=Ji.getReversePoint({x:w,y:O},{x:y,y:h}),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 k=Ji.getPrevPoint(t,t.length),j=Qi(a,6),S=(y=j[0],h=j[1],j[2]),P=j[3];d={x:u=j[4],y:s=j[5]},b={x:S,y:P},v={x:u,y:s},t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b}),k&&(k.curve=!0,k.endPoint={x:y,y:h})}else if("S"===i){var x,$=Qi(a,2);if(u=$[0],s=$[1],(x=segments[e-1])&&"C"===x.command){var E=Qi(x.values,4);S=E[0],P=E[1],w=E[2],O=E[3],(k=Ji.getPrevPoint(t,t.length)).endPoint=Ji.getReversePoint(k.startPoint,k.reversePoint),d={x:u,y:s},v={x:u,y:s},b={x:S,y:P},t.push({command:"Q",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1})}}else if("Z"===i){k=Ji.getPrevPoint(t,t.length);var _=Ji.getFirstPoint(t,t.length);Ji.isEqual(k.startPoint,_.startPoint)&&(k.connected=!0,k.endPoint=Y(_.endPoint),_.reversePoint=Y(k.reversePoint)),k.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 I(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:"toPercent",value:function(t,e){return this._loop(ia.toPercent(t,e)),this}},{key:"toPixel",value:function(t,e){return this._loop(ia.toPixel(t,e)),this}},{key:"translate",value:function(t,e){return this._loop(ia.translate(t,e)),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this._loop(ia.translate(t,e),!0))}},{key:"scale",value:function(t,e){return this._loop(ia.scale(t,e)),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this._loop(ia.scale(t,e),!0))}},{key:"rotate",value:function(t,e,n){return I(e)&&I(n)?this._loop(ia.rotateCenter(t,e,n)):this._loop(ia.rotate(t)),this}},{key:"rotateTo",value:function(t){return this.joinPath(this._loop(ia.rotate(t),!0))}},{key:"reflectionOrigin",value:function(t){return this._loop(ia.reflectionOrigin(t)),this}},{key:"reflectionOriginTo",value:function(t){return this.joinPath(this._loop(ia.reflectionOrigin(t),!0))}},{key:"flipX",value:function(t){return this._loop(ia.flipX(t)),this}},{key:"flipXTo",value:function(t){return this.joinPath(this._loop(ia.flipX(t),!0))}},{key:"flipY",value:function(t){return this._loop(ia.flipY(t)),this}},{key:"flipYTo",value:function(t){return this.joinPath(this._loop(ia.flipY(t),!0))}},{key:"skewX",value:function(t){return this._loop(ia.skewX(t)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this._loop(ia.skewX(t),!0))}},{key:"skewY",value:function(t){return this._loop(ia.skewY(t)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this._loop(ia.skewY(t),!0))}},{key:"toString",value:function(){return this.joinPath()}},{key:"d",get:function(){return this.toString()}}])&&na(e.prototype,n),r&&na(e,r),t}();function ca(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ua(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ca(Object(n),!0).forEach((function(e){sa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ca(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sa(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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fa(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?la(Object(n),!0).forEach((function(e){pa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):la(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ya(t,e){for(var n=0;n<e.length;n++){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 ha=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 aa(i);return a.translate(1,1).scale(r/2,o/2).translate(e,n),a.toString()}},{key:"makePathByPoints",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new t,r=0,o=e.length;r<o;r++){var i=e[r];0===r?n.M(i):n.L(i)}return n.d}}],(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()}}])&&ya(e.prototype,n),r&&ya(e,r),t}();function da(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function va(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?da(Object(n),!0).forEach((function(e){ba(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):da(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ba(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ga={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},ma={command:"updateImage",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addImageAssetItem",{id:jt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}},wa={command:"updateVideo",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addVideoAssetItem",{id:jt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}};function Oa(t,e){var n=new Image;n.onload=function(){var r={local:t.local,naturalWidth:rn.px(n.naturalWidth),naturalHeight:rn.px(n.naturalHeight),width:rn.px(n.naturalWidth),height:rn.px(n.naturalHeight)};e&&e(r,n)},n.src=t.local}function ka(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ja(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ka(Object(n),!0).forEach((function(e){Sa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ka(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Sa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Pa={command:"addImageAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createImage(e),t.emit("addImageAsset"),Oa(e,(function(r){t.emit("addImage",ja({src:e.local},r,{},n)),t.changeMode(Ul),t.emit("afterChangeMode")})))}};function xa(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:rn.px(n.videoWidth),naturalHeight:rn.px(n.videoHeight),width:rn.px(n.videoWidth),height:rn.px(n.videoHeight),duration:n.duration,playTime:"0:1:".concat(n.duration),volume:n.volume,muted:n.muted,placebackRate:n.playbackRate};e&&e(r,n)},n.src=t.local}function $a(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ea(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$a(Object(n),!0).forEach((function(e){_a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$a(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _a(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Ca={command:"addVideoAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createVideo(e),t.emit("addVideoAsset"),xa(e,(function(r){t.emit("addVideo",Ea({src:e.local},r,{},n)),t.changeMode(Ul),t.emit("afterChangeMode")})))}};function Ta(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ra(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Da={command:"dropImageUrl",execute:function(t,e){Oa({local:e},(function(e){t.emit("addImage",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ta(Object(n),!0).forEach((function(e){Ra(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ta(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Ul),t.emit("afterChangeMode")}))}},Va={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=jt(),o=n.createSVGFilter({id:r,filters:[]});e&&e(o,r)}}},Aa={command:"updateImageAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createImage({id:jt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addImageAsset"),G(n)&&n(i))},r.readAsDataURL(e)}},Ia={command:"updateVideoAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createVideo({id:jt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addVideoAsset"),G(n)&&n(i))},r.readAsDataURL(e)}},La={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Ni.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:jt(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var o=e.data.split(".").pop(),i=e.data.split("/").pop();switch(o){case"png":case"jpg":case"gif":case"svg":t.emit("addImageAssetItem",{id:jt(),type:"image/"+o,name:i,original:e.data,local:e.data})}}}};function Ma(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()}var Ba={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Ma("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}};function za(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 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)}}var Ga=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={};return 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,za(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}),r=JSON.stringify(r,null,4),o=JSON.stringify(o,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(o,");\nplayer.play();\n")}}])&&Fa(e.prototype,n),r&&Fa(e,r),t}(),Ha=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"anipa";switch(e){case"anipa":return new Ga(t).generateCode()}return""},Ya={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(q(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(t){var e=t.selection.currentProject,n=t.selection.currentArtboard,r="\n".concat(this.makeStyle(e),"\n").concat(this.makeStyle(n,"\n  left: 0px;\n  top: 0px;\n")),o="\n".concat(n.html,"\n").concat(this.makeSvg(e),"\n    "),i=Ha(n,"anipa");return{html:o=t.replaceLocalUrltoRealUrl(o),css:r=t.replaceLocalUrltoRealUrl(r),js:i=t.replaceLocalUrltoRealUrl(i)}},generateSVG:function(t,e){return t.replaceLocalUrltoRealUrl(e.generateSVG(!0))}},Xa={command:"downloadSVG",execute:function(t){var e=t.selection.current||t.$selection.currentArtboard,n=Ya.generateSVG(t,e).trim();Ma("data:image/svg+xml;base64,"+window.btoa(n),e.id)}};var Na={command:"downloadPNG",execute:function(t){var e=t.selection.current||t.selection.currentArtboard,n=Ya.generateSVG(t,e).trim(),r="data:image/svg+xml;base64,"+window.btoa(n),o=e.id;Oa({local:r},(function(t,e){!function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=un.create("canvas"),o=t.width,i=t.height;r.resize({width:o,height:i}),r.drawImage(t),e&&e(r.toDataURL(n))}(e,(function(t){Ma(t,o)}))}))}},Ka={command:"load.json",execute:function(t,e){var n=(e=e||t.loadResource("projects",[])).map((function(e){return function t(e,n){return n.layers=n.layers.map((function(n){return t(e,n)})),e.components.createComponent(n.itemType,n)}(t,e)}));if(n.forEach((function(t){t.artboards.forEach((function(t){t.selectTimeline()}))})),n.length){var r=n[0];if(t.selection.selectProject(r),r.artboards.length){var o=r.artboards[0];t.selection.selectArtboard(o),o.layers.length?t.selection.select(o.layers[0]):t.selection.select(o)}t.load(n),Wi(t)}else t.emit("addArtBoard")}};function Wa(t,e){var n=t.selection.currentArtboard;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var Ua={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Wa(t,(function(r,o){var i;!1===L(e)&&(e=[e]);var a=[];e.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=t.timeline).select.apply(i,a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Za={command:"setTimelineOffset",debounce:100,execute:function(t,e){Wa(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},qa={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Wa(t,(function(n,r){var o,i=[];t.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=t.timeline).select.apply(o,i),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Ja={command:"removeTimelineProperty",execute:function(t,e,n){Wa(t,(function(r,o){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Qa={command:"deleteTimelineKeyframe",execute:function(t){Wa(t,(function(e,n){t.timeline.each((function(t){e.deleteTimelineKeyframe(t.layerId,t.property,t.id)})),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},tc={command:"selectTimelineItem",execute:function(t,e){Wa(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},ec={command:"removeTimeline",execute:function(t,e){Wa(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},nc={command:"removeAnimationItem",execute:function(t,e){Wa(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},rc={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Wa(t,(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);t.timeline.select(a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},oc={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Wa(t,(function(o,i){o.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}};function ic(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ac(t,e){if(B(e)){var n=ic(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 H(e)?e/t:0}function cc(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 uc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return cc(t,ac(t,e)-ac(t,n))}function sc(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,H(t.elapsed)&&(e.elapsed=t.elapsed),H(t.speed)&&(e.speed=t.speed),H(t.duration)&&(e.duration=t.duration),H(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),B(t.direction)&&(e.direction=t.direction),G(t.tick)&&(e.tick=t.tick),G(t.start)&&(e.startCallback=t.start),G(t.end)&&(e.endCallback=t.end),G(t.first)&&(e.firstCallback=t.first),G(t.last)&&(e.lastCallback=t.last),G(t.stop)&&(e.stopCallback=t.stop),e.firstCallback(e.elapsed,e),o()},stop:function(){e.stopCallback(e.elapsed,e),cancelAnimationFrame(e.id)},tick:r,first:function(t){a(0)},last:function(t){a(e.duration)},seek:a,timer:e}}var lc={command:"playTimelineItem",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"normal";t.selection.empty(),t.emit("refreshSelection"),t.changeMode("play"),t.emit("afterChangeMode"),Wa(t,(function(o,i){var a=o.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=sc({elapsed:1e3*i.currentTime,speed:e,duration:1e3*a,iterationCount:n,direction:r}),t.timer.play({duration:1e3*a,elapsed:1e3*i.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){o.seek(cc(i.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")},stop:function(e,n){o.stop(cc(i.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},fc={command:"prevTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},pc={command:"firstTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},yc={command:"nextTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},hc={command:"lastTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},dc={command:"addTimelineItem",execute:function(t,e){Wa(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},vc={command:"drop.asset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;e.color?t.emit("addBackgroundColor",e.color,n):e.gradient?t.emit("addBackgroundImageGradient",e.gradient,n):e.imageUrl&&t.emit("addBackgroundImageAsset",e.imageUrl,n),Wi(t,!0)}};function bc(t){return(bc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gc(Object(n),!0).forEach((function(e){wc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Oc(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jc(t,e){return!e||"object"!==bc(e)&&"function"!=typeof e?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=Pc(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 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=function(t){function e(){return Oc(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Sc(Pc(e.prototype),"getDefaultObject",this).call(this,mc({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"}}])&&kc(n.prototype,r),o&&kc(n,o),e}(zo);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 _c(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_c(Object(n),!0).forEach((function(e){Tc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_c(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 Rc(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Vc(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 Ac(t,e,n){return(Ac="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=Ic(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 Ic(t){return(Ic=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 Mc=1e10;var Bc=function(t){function e(){return Rc(this,e),Vc(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&&Lc(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=[],r=we(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=rn.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(Cc({color:a},u)))}else if(3===o.length){var s=rn.parse(o[2]),l={unit:s.unit};s.isPercent()?l.percent=s.value:s.isPx()?l.px=s.value:s.isEm()&&(l.em=s.value),n.push(new e(Cc({color:a,cut:!0},l)))}return n}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=g(2,t),o=e/r,i=K(r).map((function(t,e){return"".concat(Fe.random()," ").concat(e*o).concat(n)})).join(",");return i}},{key:"createRepeatColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:rn.px(1),n=g(2,t),r=K(n).map((function(t,n){return"".concat(Fe.random()," ").concat(rn.parse(e).mul(n+1))})).join(",");return r}}],(r=[{key:"getDefaultObject",value:function(){return{id:"c"+Mc++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Cc({},Ac(Ic(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 rn.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){Ac(Ic(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}}])&&Dc(n.prototype,r),o&&Dc(n,o),e}(Co);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Gc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fc(Object(n),!0).forEach((function(e){Hc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Hc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Yc(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xc(t,e){for(var n=0;n<e.length;n++){var 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"!==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 Kc(t,e,n){return(Kc="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=Wc(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 Wc(t){return(Wc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Uc(t,e){return(Uc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Zc={"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},qc=function(t){function e(){return Yc(this,e),Nc(this,Wc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Uc(t,e)}(e,t),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 Bc({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}],(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 Kc(Wc(e.prototype),"getDefaultObject",this).call(this,Gc({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return Gc({},Kc(Wc(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 Bc(t)})),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return A(Zc[t])?t:Zc[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 Bc({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 Bc({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)return i=Fe.mix(s.color,l.color,(t-s.percent)/(l.percent-s.percent),"rgb"),void this.addColorStep(new Bc({index:s.index+1,color:i,percent:t}))}}else this.addColorStepList([new Bc({color:e,percent:t,index:0}),new Bc({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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.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}}])&&Xc(n.prototype,r),o&&Xc(n,o),e}($c);function Jc(t){return(Jc="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function eu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nu(t,e){for(var n=0;n<e.length;n++){var 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"!==Jc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ou(t,e,n){return(ou="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=iu(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 iu(t){return(iu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function au(t,e){return(au=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cu=function(t){function e(){return eu(this,e),ru(this,iu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&au(t,e)}(e,t),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new Bc({color:t,percent:0,index:0}),new Bc({color:t,percent:100,index:1})]})}}],(r=[{key:"getDefaultObject",value:function(){return ou(iu(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Bc({color:"red",percent:0,index:0}),new Bc({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]:{};e%2?Qc(Object(n),!0).forEach((function(e){tu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},ou(iu(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}}])&&nu(n.prototype,r),o&&nu(n,o),e}(qc);function uu(t){return(uu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function su(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?su(Object(n),!0).forEach((function(e){fu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):su(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hu(t,e,n){return e&&yu(t.prototype,e),n&&yu(t,n),t}function du(t,e){return!e||"object"!==uu(e)&&"function"!=typeof e?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=bu(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 bu(t){return(bu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gu(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mu(t,e)}function mu(t,e){return(mu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wu=["jpg","jpeg","png","gif","svg"];var Ou=function(t){function e(){return pu(this,e),du(this,bu(e).apply(this,arguments))}return gu(e,t),hu(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return vu(bu(e.prototype),"getDefaultObject",this).call(this,lu({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return lu({},vu(bu(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=this.json;return"url(".concat(t.url,")")}}],[{key:"parse",value:function(t){return new e({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return wu.includes(t)}}]),e}($c);function ku(t){return(ku="function"==typeof Symbol&&"symbol"==typeof Symbol.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){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 Su(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Su(Object(n),!0).forEach((function(e){xu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Su(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xu(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eu(t,e){for(var n=0;n<e.length;n++){var 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"!==ku(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cu(t,e,n){return(Cu="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=Tu(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 Tu(t){return(Tu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ru(t,e){return(Ru=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Du={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"},Vu={"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"},Au=function(t){function e(){return $u(this,e),_u(this,Tu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ru(t,e)}(e,t),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=we(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=ke(t,n.matches),o.push.apply(o,ju(Bc.parse(t)))):r=A(Vu[t])?rn.parse(t):rn.deg(+Vu[t])})),new e({angle:r.value,colorsteps:o})}}],(r=[{key:"getDefaultObject",value:function(t){return Cu(Tu(e.prototype),"getDefaultObject",this).call(this,Pu({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Pu({},Cu(Tu(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 H(e=this.json.angle||0)&&(e=Du["".concat(e)]||e),H(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}])&&Eu(n.prototype,r),o&&Eu(n,o),e}(qc);function Iu(t){return(Iu="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mu(t,e){for(var n=0;n<e.length;n++){var 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"!==Iu(e)&&"function"!=typeof e?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)}var Hu,Yu=function(t){function e(){return Lu(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,t),n=e,o=[{key:"parse",value:function(t){var n=Au.parse(t);return new e({angle:n.angle,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return zu(Fu(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}])&&Mu(n.prototype,r),o&&Mu(n,o),e}(Au);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 Nu(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Ku(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 Wu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wu(Object(n),!0).forEach((function(e){ns(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ju(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 Qu(t,e,n){return(Qu="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=ts(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 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)}function ns(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var rs=(ns(Hu={},"center",!0),ns(Hu,"top",!0),ns(Hu,"left",!0),ns(Hu,"right",!0),ns(Hu,"bottom",!0),Hu),os=function(t){function e(){return Zu(this,e),Ju(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,t),n=e,o=[{key:"parse",value:function(t){var n=we(t),r="ellipse",o=[en.CENTER,en.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=ke(t,n.matches),i.push.apply(i,Ku(Bc.parse(t)));else{if(t.includes("at")){var a=Nu(t.split("at").map((function(t){return t.trim()})),2);r=a[0],o=a[1]}else r=t;if(B(o)){var c=o.split(" ");if(1===c.length){var u=rn.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=rn.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 Qu(ts(e.prototype),"getDefaultObject",this).call(this,Uu({type:"radial-gradient",radialType:"ellipse",radialPosition:[en.CENTER,en.CENTER]},t))}},{key:"toCloneObject",value:function(){return Uu({},Qu(ts(e.prototype),"toCloneObject",this).call(this),{radialType:this.json.radialType,radialPosition:Y(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=rs[o]?o:o.join(" "))?"".concat(r," at ").concat(o):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}])&&qu(n.prototype,r),o&&qu(n,o),e}(qc);function is(t){return(is="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cs(t,e){for(var n=0;n<e.length;n++){var 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"!==is(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ss(t,e,n){return(ss="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=ls(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 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,ys=function(t){function e(){return as(this,e),us(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,t),n=e,o=[{key:"parse",value:function(t){var n=os.parse(t);return new e({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return ss(ls(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}])&&cs(n.prototype,r),o&&cs(n,o),e}(os);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 ds(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 vs(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 bs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bs(Object(n),!0).forEach((function(e){Ps(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ms(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Os(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 ks(t,e,n){return(ks="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=js(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 js(t){return(js=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)}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}var xs=(Ps(ps={},"center",!0),Ps(ps,"top",!0),Ps(ps,"left",!0),Ps(ps,"right",!0),Ps(ps,"bottom",!0),ps),$s={"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},Es=function(t){function e(){return ms(this,e),Os(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&&Ss(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=we(t),r="0deg",o=[en.CENTER,en.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=ke(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?rn.parse(t).toPercent():t})).join(" "),n.matches),i.push.apply(i,vs(Bc.parse(t)));else{if(t.includes("at")){var a=ds(t.split("at").map((function(t){return t.trim()})),2);r=a[0],o=a[1]}else r=t;if(B(o)){var c=o.split(" ");if(1===c.length){var u=rn.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=rn.parse(t);return e.isString()?e.value:e})))}B(r)&&r.includes("from")&&(r=r.split("from")[1],r=A($s[r])?rn.parse(r):rn.deg(+$s[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 ks(js(e.prototype),"getDefaultObject",this).call(this,gs({type:"conic-gradient",angle:0,radialPosition:[en.CENTER,en.CENTER]},t))}},{key:"toCloneObject",value:function(){return gs({},ks(js(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:Y(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||en.CENTER;o=xs[o]?o:o.join(" "),I(r)&&(r=+($s[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,")")}}])&&ws(n.prototype,r),o&&ws(n,o),e}(qc);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 Cs(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Rs(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 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 As(t,e){return(As=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Is=function(t){function e(){return Cs(this,e),Rs(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&&As(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=Es.parse(t);return new e({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return Ds(Vs(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[en.CENTER,en.CENTER]})}}])&&Ts(n.prototype,r),o&&Ts(n,o),e}(Es);function Ls(t){return(Ls="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ms(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Bs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bs(Object(n),!0).forEach((function(e){Fs(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Fs(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Gs(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==Ls(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xs(t,e,n){return(Xs="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=Ns(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 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=["repeat","no-repeat","repeat-x","repeat-y","round","space"],Us=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,Zs=function(t){function e(){return Gs(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,t),n=e,o=[{key:"createImage",value:function(t){return new Ou({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 cu(zs({},a,{colorsteps:n}));case"linear-gradient":return new Au(zs({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Yu(zs({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new os(zs({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new ys(zs({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Es(zs({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new Is(zs({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new qc}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=we(t),n=null,r=e.str.match(Us);return r?(r.forEach((function(t,r){(t=ke(t,e.matches)).includes("repeating-linear-gradient")?n=Yu.parse(t):t.includes("linear-gradient")?n=Au.parse(t):t.includes("repeating-radial-gradient")?n=ys.parse(t):t.includes("radial-gradient")?n=os.parse(t):t.includes("repeating-conic-gradient")?n=Is.parse(t):t.includes("conic-gradient")?n=Es.parse(t):t.includes("url")&&(n=Ou.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new cu(t);case"linear-gradient":return new Au(t);case"repeating-linear-gradient":return new Yu(t);case"radial-gradient":return new os(t);case"repeating-radial-gradient":return new ys(t);case"conic-gradient":return new Es(t);case"repeating-conic-gradient":return new Is(t);case"image-resource":case"url":return new Ou(t)}}},{key:"parseStyle",value:function(t){var n=[];if(t["background-image"]){var r=we(t["background-image"]);r.str.match(Us).forEach((function(t,o){var i=null;(t=ke(t,r.matches)).includes("repeating-linear-gradient")?i=Yu.parse(t):t.includes("linear-gradient")?i=Au.parse(t):t.includes("repeating-radial-gradient")?i=ys.parse(t):t.includes("radial-gradient")?i=os.parse(t):t.includes("repeating-conic-gradient")?i=Is.parse(t):t.includes("conic-gradient")?i=Es.parse(t):t.includes("url")&&(i=Ou.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=Ms(t.split(" "),2),o=r[0],i=r[1];n[e].width=rn.parse(o),n[e].height=rn.parse(i)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(n[e]){var r=Ms(t.split(" "),2),o=r[0],i=r[1];n[e].x=rn.parse(o),n[e].y=rn.parse(i)}})),n}},{key:"toPropertyCSS",value:function(t){var e={};return t.forEach((function(t){C(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),N(e)}},{key:"join",value:function(t){return q(e.toPropertyCSS(t.map((function(t){return e.parse(t)}))))}},{key:"joinCSS",value:function(t){return 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 Xs(Ns(e.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:rn.percent(100),height:rn.percent(100),x:rn.percent(0),y:rn.percent(0),image:new cu})}},{key:"toCloneObject",value:function(){var t=this.json;return zs({},Xs(Ns(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width&&(t.width=rn.parse(t.width)),t.height&&(t.height=rn.parse(t.height)),B(t.image)&&(t.image=e.parseImage(t.image)),t}},{key:"checkField",value:function(t,n){return"repeat"===t?Ws.includes(n):Xs(Ns(e.prototype),"checkField",this).call(this,t,n)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{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(){return zs({},this.toBackgroundImageCSS(),{},this.toBackgroundPositionCSS(),{},this.toBackgroundSizeCSS(),{},this.toBackgroundRepeatCSS(),{},this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return T(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}}])&&Hs(n.prototype,r),o&&Hs(n,o),e}(zo),qs={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=Zs.parseStyle(J(n["background-image"]));r.unshift(new Zs({image:Zs.parseImage(e)})),t.emit("setAttribute",{"background-image":Zs.join(r)},n.id)})),Wi(t,!0)}},Js={command:"addBackgroundImageAsset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=Zs.parseStyle(J(n["background-image"]));r.unshift(new Zs({image:new Ou({url:e})}));var o=q(Zs.toPropertyCSS(r));t.emit("setAttribute",{"background-image":o},n.id)})),Wi(t,!0)}},Qs={command:"item.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(-1*n,0),t.emit("refresh"),Wi(t,!0)}},tl={command:"item.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(n,0),t.emit("refresh"),Wi(t,!0)}},el={command:"item.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,-1*n),t.emit("refresh"),Wi(t,!0)}},nl={command:"item.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,n),t.emit("refresh"),Wi(t,!0)}};var rl={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},ol={command:"segment.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,n)}},il={command:"segment.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,-1*n)}},al={command:"segment.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",n,0)}},cl={command:"segment.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",-1*n,0)}},ul={command:"toggle.fullscreen",execute:function(t,e){un.body().fullscreen()}};function sl(t){return(sl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ll(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 fl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 pl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pl(Object(n),!0).forEach((function(e){hl(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function dl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 bl(t,e,n){return e&&vl(t.prototype,e),n&&vl(t,n),t}function gl(t,e){return!e||"object"!==sl(e)&&"function"!=typeof e?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,e,n){return(ml="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=wl(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 wl(t){return(wl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ol(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kl(t,e)}function kl(t,e){return(kl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jl=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,Sl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ml(wl(e.prototype),"getDefaultObject",this).call(this,yl({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Dl[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=we(t);return(r.str.match(jl)||[]).forEach((function(t,o){var i=fl(t.split("("),2),a=i[0],c=i[1],u=fl((c=c.split(")")[0]).split(",").map((function(t){return t.trim()})),6),s=u[0],l=u[1],f=u[2],p=u[3],y=u[4],h=u[5],d=fl(s.split(" "),2),v=d[0],b=d[1],g=fl(l.split(" "),2),m=g[0],w=g[1],O=fl((h||"").split(" "),2),k=O[0],j=O[1];n[o]=e.parse({type:a,x:rn.parse(m),y:rn.parse(w),width:rn.parse(v),height:rn.parse(b),foreColor:ke(f,r.matches),backColor:ke(p,r.matches),blendMode:y||"normal",lineWidth:rn.parse(k||"1px"),lineHeight:rn.parse(j||"1px")})})),n}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var n=[];return e.parseStyle(t).forEach((function(t){n.push.apply(n,ll(Zs.parseStyle(J(t.toCSS()))))})),Zs.joinCSS(n)}}]),e}(zo),Pl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"base",x:rn.px(0),y:rn.px(0),width:rn.px(20),height:rn.px(20),lineWidth:rn.px(1),lineHeight:rn.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=ml(wl(e.prototype),"convert",this).call(this,t)).width=rn.parse(t.width),t.height=rn.parse(t.height),t.lineWidth=rn.parse(t.lineWidth),t.lineHeight=rn.parse(t.lineHeight),t.x=rn.parse(t.x),t.y=rn.parse(t.y),t}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.width,r=t.height,o=t.x,i=t.y,a=t.foreColor,c=t.backColor,u=t.blendMode,s=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(o," ").concat(i,", ").concat(a,", ").concat(c,", ").concat(u,", ").concat(s," ").concat(l,")")}}]),e}(Sl),xl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(a=a||"black"," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%),repeating-linear-gradient(45deg, ").concat(a," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,", ").concat(e," ").concat(n,";\n      background-blend-mode: ").concat(c,", ").concat(c,";\n    ")}}]),e}(Pl),$l=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=t.lineHeight,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: linear-gradient(".concat(a=a||"black"," ").concat(o,", ").concat(i," ").concat(o,"),linear-gradient(to right, ").concat(a," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px, ").concat(e.value/2,"px ").concat(n.value/2,"px;      \n      background-blend-mode: ").concat(c,", ").concat(c,";      \n    ")}}]),e}(Pl),El=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=(t.lineHeight,t.backColor),i=t.foreColor,a=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(i=i||"black"," ").concat(r,", ").concat(o," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(a,";      \n    ")}}]),e}(Pl),_l=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=(t.lineHeight,t.backColor),c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(i,", ").concat(a," ").concat(i,"),radial-gradient(").concat(c," ").concat(i,", ").concat(a," ").concat(i,");\n      background-size: ").concat(e," ").concat(n,",").concat(e," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(o,";      \n      background-blend-mode: multiply, ").concat(u,";\n    ")}}]),e}(Pl),Cl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.lineWidth,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent",a=a||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(a," 0, ").concat(a," ").concat(o,", ").concat(i," 0, ").concat(i," 50%);\n      background-size: ").concat(e," ").concat(n,";      \n      background-blend-mode: ").concat(c,";\n    ")}}]),e}(Pl),Tl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);\n      background-size: ").concat(e," ").concat(n,"; \n      background-position: ").concat(r," ").concat(o,";        \n      background-blend-mode: ").concat(u,";\n    ")}}]),e}(Pl),Rl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);    \n      background-position: ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,";   \n      background-blend-mode: ").concat(u,";\n    ")}}]),e}(Pl),Dl={check:xl,grid:$l,dot:El,"cross-dot":_l,"diagonal-line":Cl,"vertical-line":Tl,"horizontal-line":Rl},Vl={CheckPattern:xl,GridPattern:$l,DotPattern:El,CrossDotPattern:_l,DiagonalLinePattern:Cl,VerticalLinePattern:Tl,HorizontalLinePattern:Rl};function Al(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 Il={command:"addBackgroundImagePattern",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{pattern:Sl.join([].concat(Al(Sl.parseStyle(e)),Al(Sl.parseStyle(n.pattern))))},n.id)})),Wi(t,!0)}},Ll={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{"background-color":e},n.id)})),Wi(t,!0)}};function Ml(t,e){for(var n=0;n<e.length;n++){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 Bl,zl=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(t){return 1===t.selection.items.length?t.selection.currentArtboard:t.selection.allRect}}],(n=null)&&Ml(e.prototype,n),r&&Ml(e,r),t}(),Fl={command:"sort.bottom",execute:function(t){var e=zl.getContainer(t).screenY2.value;t.selection.each((function(t){t.setScreenY2(e)})),t.emit("resetSelection")}},Gl={command:"sort.top",execute:function(t){var e=zl.getContainer(t).screenY.value;t.selection.each((function(t){t.setScreenY(e)})),t.emit("resetSelection")}},Hl={command:"sort.right",execute:function(t){var e=zl.getContainer(t).screenX2.value;t.selection.each((function(t){t.setScreenX2(e)})),t.emit("resetSelection")}};function Yl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Xl=(Yl(Bl={refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas",!0),t.emit("refreshStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection")},resetSelection:function(t){t.selection.setRectCache(),t.emit("setAttribute"),t.emit("refreshSelectionTool")},addBackgroundColor:Ll,addBackgroundImagePattern:Il,toggleFullscreen:ul,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:ol,segmentMoveUp:il,segmentMoveRight:al,segmentMoveLeft:cl,changeModeView:rl,addDrawBrush:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showBrushDrawEditor")},addDrawPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathDrawEditor")},itemDelete:{command:"item.delete",execute:function(t){t.selection.remove(),t.emit("refreshArtboard")}},itemMoveRight:tl,itemMoveUp:el,itemMoveDown:nl,itemMoveLeft:Qs,keymapKeydown:{command:"keymap.keydown",execute:function(t,e){t.shortcuts.execute(e,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(t,e){t.shortcuts.execute(e,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(t){t.emit("changeScaleValue",t.scale-.25)}},scalePlus:{command:"scale.plus",execute:function(t){t.emit("changeScaleValue",t.scale+.25)}},dropAsset:vc,addBackgroundImageAsset:Js,addBackgroundImageGradient:qs,addTimelineItem:dc,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:hc,nextTimelineItem:yc,firstTimelineItem:pc,prevTimelineItem:fc,playTimelineItem:lc,copyTimelineProperty:oc,addTimelineKeyframe:rc,removeAnimationItem:nc,removeTimeline:ec,selectTimelineItem:tc,deleteTimelineKeyframe:Qa,removeTimelineProperty:Ja,addTimelineCurrentProperty:qa,setTimelineOffset:Za,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:Ua,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:Ka,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},downloadPNG:Na,downloadSVG:Xa,downloadJSON:Ba,updateUriList:La,updateImageAssetItem:Aa,updateVideoAssetItem:Ia,addSVGFilterAssetItem:Va,dropImageUrl:Da,addImageAssetItem:Pa,addVideoAssetItem:Ca,updateImage:ma,updateVideo:wa,updateResource:{command:"updateResource",execute:function(t,e){e.forEach((function(n){switch(n.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("updateImage",n);break;case"text/plain":case"text/html":e.length&&t.emit("addText",{content:n.data});break;case"text/uri-list":t.emit("updateUriList",n)}}))}},fileDropItems:ga,updateScale:{command:"updateScale",execute:function(t,e){t.scale=e,t.emit("changeScale")}},showExportView:{command:"showExportView",execute:function(t){t.emit("showExportWindow")}},switchTheme:{command:"switchTheme",execute:function(t,e){t.changeTheme(e),t.emit("changeTheme")}},clipboardPaste:{command:"clipboard.paste",execute:function(t,e){t.selection.length&&(t.selection.paste(),t.emit("refreshAll"))}},clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.selection.currentProject;n||(n=t.add(t.components.createComponent("project")),t.selection.selectProject(n));var r=n.add(t.components.createComponent("artboard",ua({x:rn.px(300),y:rn.px(200),width:rn.px(375),height:rn.px(667)},e)));t.selection.selectArtboard(r),t.selection.select(r),Wi(t)},addImage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","image",e,e)},addVideo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","video",e,e)},addLayer:function t(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=e.selection.current||e.selection.currentArtboard;o?(o.enableHasChildren()||(o=o.parent),o.add(n),r.x&&n.setScreenX(r.x.value),r.y&&n.setScreenY(r.y.value),e.selection.select(n),Wi(e)):(e.emit("addArtBoard"),setTimeout((function(){t(e,n,r)}),50))},addPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathEditor","path")},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.components.createComponent("project",fa({},e)));t.selection.selectProject(n),Wi(t)},convertPath:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.current;if(r){if(r.is("svg-path","svg-brush","svg-textpath")){var o=e;if(n)(i=new aa(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.updatePathItem({d:o})}else if(r["clip-path"].includes("path")){var i;o=e;if(n)(i=new aa(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.reset({"clip-path":"path(".concat(o,")")})}t.emit("refreshElement",r)}},newComponent:function(t,e,n){e.includes("text")||(n["background-color"]=Fe.random()),"svg-textpath"===e?n=va({},n,{text:"Insert a newText","font-size":rn.parse(n.height),textLength:"100%",d:ha.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===e?(e="svg-path",n=va({},n,{"background-color":void 0,d:ha.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===e?(e="svg-path",n=va({},n,{"background-color":void 0,d:ha.makeRect(0,0,n.width.value,n.height.value)})):"text"===e&&(n=va({},n,{content:"Insert a text",width:rn.px(300),height:rn.px(50),"font-size":rn.px(30)})),t.emit("addLayer",t.components.createComponent(e,va({},n)),n),t.changeMode(Ul),t.emit("afterChangeMode")},refreshElement:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t.emit("refreshSelectionStyleView",e,n,e&&!1===e.enableHasChildren()),!0===r&&t.emit("refreshElementBoundSize",t.selection.getRootItem(e))},refreshProject:function(t,e){t.emit("refreshStyleView",e,!0)},resizeArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=e.split("x"),o=Ui(r,2),i=o[0],a=o[1];i=rn.px(i),a=rn.px(a),n.reset({width:i,height:a}),t.selection.select(n),Wi(t)}},selectItem:function(t){t.changeMode(Ul),t.emit("afterChangeMode")},selectArtboard:function(t,e){e&&(t.selection.selectArtboard(e),t.selection.select(e),t.emit("refreshArtboard"),t.emit("resetSelection"))},setAttribute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];t.selection.itemsByIds(n).forEach((function(n){Object.keys(e).forEach((function(t){var r=e[t];G(r)&&(r=r()),n.reset(Ki({},t,r))})),t.emit("refreshElement",n,r,o)}))},sortBottom:Fl,sortCenter:{command:"sort.center",execute:function(t){var e=zl.getContainer(t),n=e.screenX.value+e.width.value/2;t.selection.each((function(t){t.setScreenXCenter(n)})),t.emit("resetSelection")}},sortLeft:{command:"sort.left",execute:function(t){var e=zl.getContainer(t).screenX.value;t.selection.each((function(t){t.setScreenX(e)})),t.emit("resetSelection")}},sortMiddle:{command:"sort.middle",execute:function(t){var e=zl.getContainer(t),n=e.screenY.value+e.height.value/2;t.selection.each((function(t){t.setScreenYMiddle(n)})),t.emit("resetSelection")}}},"sortBottom",Fl),Yl(Bl,"sortTop",Gl),Yl(Bl,"sortRight",Hl),Yl(Bl,"sameWidth",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenX(n.x.value),t.width.set(n.width.value)}))}t.emit("resetSelection")}}),Yl(Bl,"sameHeight",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenY(n.y.value),t.height.set(n.height.value)}))}t.emit("resetSelection")}}),Bl),Nl=[{key:"1",command:"addComponentType",args:"rect",description:"Add rect layer",when:"CanvasView"},{key:"2",command:"addComponentType",args:"circle",description:"Add circle layer",when:"CanvasView"},{key:"3",command:"addComponentType",args:"text",description:"Add text layer",when:"CanvasView"},{key:"4",command:"addComponentType",args:"image",description:"Add image layer",when:"CanvasView"},{key:"5",command:"addComponentType",args:"cube",description:"Add cube layer",when:"CanvasView"},{key:"6",command:"addPath",description:"Add svg path",when:"CanvasView"},{key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:{dy:1},when:"PathEditorView"},{key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:{dy:1},when:"PathEditorView"},{key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:{dx:1},when:"PathEditorView"},{key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:{dx:1},when:"PathEditorView"},{key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:{dx:10},when:"PathEditorView"},{key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:{dx:10},when:"PathEditorView"},{key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:{dx:5},when:"PathEditorView"},{key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:{dx:5},when:"PathEditorView"},{key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{key:"ArrowLeft",command:"item.move.left",description:"move 1px to left",args:{dx:1},when:"CanvasView"},{key:"ArrowRight",command:"item.move.right",description:"move 1px to right",args:{dx:1},when:"CanvasView"},{key:"ArrowDown",command:"item.move.down",description:"move 1px to down",args:{dy:1},when:"CanvasView"},{key:"ArrowUp",command:"item.move.up",description:"move 1px to up",args:{dy:1},when:"CanvasView"},{key:"Shift+ArrowDown",command:"item.move.down",description:"move 10px to down",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowRight",command:"item.move.right",description:"move 10px to right",args:{dx:10},when:"CanvasView"},{key:"Shift+ArrowUp",command:"item.move.up",description:"move 10px to up",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowLeft",command:"item.move.left",description:"move 10px to left",args:{dx:10},when:"CanvasView"},{key:"Alt+ArrowLeft",command:"item.move.left",description:"move 5px to left",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowDown",command:"item.move.down",description:"move 5px to down",args:{dy:5},when:"CanvasView"},{key:"Alt+ArrowRight",command:"item.move.right",description:"move 5px to right",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowUp",command:"item.move.up",description:"move 5px to up",args:{dy:5},when:"CanvasView"},{key:"Backspace",command:"item.delete",description:"Delete selected items",when:"CanvasView"},{key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}];function Kl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var Ul="SELECTION",Zl=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Kl(this,t),this.config=new zi(this),this.commands=new Ri(this),this.shortcuts=new Li(this),this.selection=new $i(this),this.timeline=new jo(this),this.components=Ci,this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.scale=1,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Ul,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.$store=e.$store,this.initTheme(),this.loadCommands(),this.loadShortCuts()}var e,n,r;return e=t,(n=[{key:"loadCommands",value:function(){var t=this;Object.keys(Xl).forEach((function(e){G(Xl[e])?t.commands.registerCommand(e,Xl[e]):t.commands.registerCommand(Xl[e])}))}},{key:"loadShortCuts",value:function(){var t=this;Nl.forEach((function(e){t.shortcuts.registerShortCut(e)})),this.shortcuts.sort()}},{key:"i18n",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return bo.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return bo.hasKey(t,e||this.locale)}},{key:"initI18n",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2?arguments[2]:void 0,i="".concat(e,".").concat(n);return t.hasI18nkey(i,o)?t.$i18n("".concat(e,".").concat(n),r,o):t.$i18n("".concat(n),r,o)}}},{key:"setLocale",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"en_US";this.locale=t,this.saveItem("locale",this.locale)}},{key:"setUser",value:function(t){this.user=t}},{key:"initTheme",value:function(){var t="dark";window.localStorage&&(t=window.localStorage.getItem("easylogic.studio.theme"),t=["gray","light"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return go[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ul;this.mode=t}},{key:"changeModeView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CanvasView";this.modeView=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(Ul)}},{key:"changeAddType",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.changeMode("ADD"),this.addComponentType=t,this.isComponent=e}},{key:"changeTheme",value:function(t){t=["light","gray"].includes(t)?t:"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:"replaceLocalUrltoRealUrl",value:function(t){var e=this.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}},{key:"replaceLocalUrltoId",value:function(t){var e=this.projects,n={};return e.forEach((function(e){e.images.forEach((function(e){t.indexOf(e.local)>-1&&(n[e.local]="#"+e.id)}))})),Object.keys(n).forEach((function(e){t.indexOf(e)>-1&&(t=t.replace(new RegExp(e,"g"),n[e]))})),t}},{key:"makeResource",value:function(t){var e=JSON.stringify(t);return e=this.replaceLocalUrltoId(e)}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),JSON.stringify(e))}},{key:"revokeResource",value:function(t){var e=this,n=JSON.parse(t||"[]"),r={};return n.forEach((function(t){t.images.forEach((function(t){r["#".concat(t.id)]=t}))})),Object.keys(r).map((function(t){var e=r[t],n=Ni.parse(e.original,!0);e.local=n.local})),n.forEach((function(t){t.layers=e.applyAsset(t.layers,r)})),n}},{key:"applyAsset",value:function(t,e){var n=this;return L(t)?t=t.map((function(t){return n.applyAsset(t,e)})):F(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):B(t)&&Object.keys(e).forEach((function(n){var r=e[n];t.indexOf("#".concat(r.id))>-1&&(t=t.replace(new RegExp("#".concat(r.id),"g"),r.local))})),t}},{key:"loadResource",value:function(t){return this.revokeResource(window.localStorage.getItem("easylogic.studio.".concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("easylogic.studio.".concat(t))||JSON.stringify(""))}},{key:"zIndex",get:function(){return this.popupZIndex++}}])&&Wl(e.prototype,n),r&&Wl(e,r),t}();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 Jl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ql(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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={x:0,y:0},of={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},af=function(t){return new(function(e){function n(){return Jl(this,n),tf(this,ef(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&&nf(t,e)}(n,e),r=n,(o=[{key:"initialize",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0],this.$store=new lr,this.$editor=new Zl({$store:this.$store}),this.$container=un.create(this.getContainer()),this.$container.addClass(this.getClassName()),this.render(this.$container),this.initBodyMoves()}},{key:"initBodyMoves",value:function(){this.moves=new Set,this.ends=new Set,this.modifyBodyMoveSecond(0)}},{key:"modifyBodyMoveSecond",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.$config.set("body.move.ms",t),this.funcBodyMoves=E(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"))}},{key:"loopBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||of;!(n.x===t.x&&n.y===t.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=t.x-n.xy.x,o=t.y-n.xy.y;0==r&&0==o||n.func.call(n.context,r,o,"move",e.pressure)})),this.$config.set("lastPos",t)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent");t&&this.ends.forEach((function(n){n.func.call(n.context,t.x-n.xy.x,t.y-n.xy.y,"end",e.pressure)})),this.moves.clear(),this.ends.clear()}},{key:yo("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:yo("add/body/mouseup"),value:function(t,e,n){this.ends.add({func:t,context:e,xy:n})}},{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:In("document"),value:function(t){if("INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName){var e=t.xy||rf;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}}},{key:Ln("document"),value:function(t){"INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName&&(this.$config.set("bodyEvent",t),this.removeBodyMoves(),this.requestId=null)}},{key:Rn("window")+Un(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}])&&Ql(r.prototype,o),i&&Ql(r,i),n}(ho))(t)},cf={App:v,Color:Fe,HueColor:He,ColorNames:fe,Dom:un,EventMachine:no,UIElement:ho};function uf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uf(Object(n),!0).forEach((function(e){lf(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lf(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,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)}}var pf=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){B(t=t||"#FF0000")&&(t=Fe.parse(t)),this.state.alpha=A(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=sf({},this.state.hsl,{},t),this.state.rgb=Fe.HSLtoRGB(this.state.hsl),this.state.hsv=Fe.HSLtoHSV(t)):"hex"==t.type?(this.state.rgb=sf({},this.state.rgb,{},t),this.state.hsl=Fe.RGBtoHSL(this.state.rgb),this.state.hsv=Fe.RGBtoHSV(t)):"rgb"==t.type?(this.state.rgb=sf({},this.state.rgb,{},t),this.state.hsl=Fe.RGBtoHSL(this.state.rgb),this.state.hsv=Fe.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=sf({},this.state.hsv,{},t),this.state.rgb=Fe.HSVtoRGB(this.state.hsv),this.state.hsl=Fe.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return He.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 Fe.format(sf({},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(G(e.colors)){var r=e.colors;e.colors=r(t.state),e._colors=r}return sf({name:"color-".concat(n),colors:[]},e)}))}},{key:"setCurrentColorSets",value:function(t){var e=this.getUserList();A(t)?this.state.currentColorSets=e[0]:H(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?Fe.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}}])&&ff(e.prototype,n),r&&ff(e,r),t}();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 hf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 hf(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,t),n=e,(r=[{key:"created",value:function(){this.manager=new pf(this),this.isColorPickerShow=!1,this.isShortCut=!1,this.hideDelay=+V(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 lr,this.callbackChange=function(){t.callbackChangeValue()},this.colorpickerShowCallback=function(){},this.colorpickerHideCallback=function(){},this.$body=un.create(this.getContainer()),this.$root=un.create("div","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=un.create("div","arrow"),this.$root.append(this.$arrow),this.manager.setUserPalette(this.opt.colorSets),this.render(this.$root),this.initColorWithoutChangeEvent(this.opt.color)}},{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=+V(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),this.emit("changeColor")}},{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:rn.px(r),top:rn.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:rn.px(-1e4),top:rn.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(),G(this.opt.onChange)&&this.opt.onChange.call(this,t),G(this.colorpickerShowCallback)&&this.colorpickerShowCallback(t)}},{key:"callbackHideValue",value:function(t){t=t||this.getCurrentColor(),G(this.opt.onHide)&&this.opt.onHide.call(this,t),G(this.colorpickerHideCallback)&&this.colorpickerHideCallback(t)}},{key:"getCurrentColor",value:function(){return this.manager.toColor(this.outputFormat)}},{key:"checkColorPickerClass",value:function(t){var e=un.create(t),n=e.closest("codemirror-colorview"),r=e.closest("colorpicker"),o=e.closest("CodeMirror");return t.nodeName,!!(r||n||o)}},{key:"checkInHtml",value:function(t){return"HTML"==t.nodeName}},{key:"initializeStoreEvent",value:function(){bf(gf(e.prototype),"initializeStoreEvent",this).call(this),this.$store.on("changeColor",this.callbackChange,this),this.$store.on("changeFormat",this.callbackChange,this)}},{key:"destroy",value:function(){bf(gf(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:mn("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}}])&&df(n.prototype,r),o&&df(n,o),e}(ho);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 kf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jf(t,e){for(var n=0;n<e.length;n++){var 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"!==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)}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 Ef(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _f(t,e){for(var n=0;n<e.length;n++){var 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"!==$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 Tf(t){return(Tf=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 Df=function(t){function e(){return Ef(this,e),Cf(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&&Rf(t,e)}(e,t),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:rn.px(t)})}},{key:"getMousePosition",value:function(t){return ar.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))}}])&&_f(n.prototype,r),o&&_f(n,o),e}(function(t){function e(){return kf(this,e),Sf(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,t),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:Ln("document"),value:function(t){this.onDragEnd(t)}},{key:In("document"),value:function(t){this.onDragMove(t)}},{key:An("$bar"),value:function(t){this.isDown=!0}},{key:An("$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:yo("changeColor","initColor"),value:function(){this.refresh()}}])&&jf(n.prototype,r),o&&jf(n,o),e}(ho));function Vf(t){return(Vf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Af(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Lf(t,e){return!e||"object"!==Vf(e)&&"function"!=typeof e?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 Bf(t,e){return(Bf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zf=function(t){function e(){return Af(this,e),Lf(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&&Bf(t,e)}(e,t),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:ir("$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})}}])&&If(n.prototype,r),o&&If(n,o),e}(Df);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hf(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Yf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Nf(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 Kf(t,e,n){return(Kf="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=Wf(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 Wf(t){return(Wf=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 Zf=function(t){function e(){return Yf(this,e),Nf(this,Wf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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(){Kf(Wf(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]:{};e%2?Gf(Object(n),!0).forEach((function(e){Hf(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Fe.format(t,"rgb");t.a=1;var n=Fe.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})}}])&&Xf(n.prototype,r),o&&Xf(n,o),e}(Df);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 Jf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 Jf(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,t),n=e,(r=[{key:"template",value:function(){return"<div class='color'></div>"}},{key:ir("$el"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:yo("changeColor","initColor"),value:function(){this.refresh()}}])&&Qf(n.prototype,r),o&&Qf(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ap(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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=function(t){function e(){return ap(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,t),n=e,(r=[{key:"initialize",value:function(){sp(lp(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=un.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 y=p-s+1,h=f-l+1,d=y*y+h*h,v=bt(y,h),b=Fe.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=ip(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:dt(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=(h=u.x)-a,l=(d=u.y)-c,f=s*s+l*l,p=bt(s,l);if(f>i*i)var y=this.getCurrentXY(null,p,i,a,c),h=y.x,d=y.y;var v=Math.min(Math.sqrt(f)/i,1);this.refs.$drag_pointer.px("left",h-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:yo("changeColor"),value:function(){this.refresh(!0)}},{key:yo("initColor"),value:function(){this.refresh(!0)}},{key:Ln("document"),value:function(t){this.isDown=!1}},{key:In("document"),value:function(t){this.isDown&&this.setHueColor(t)}},{key:An("$drag_pointer"),value:function(t){this.isDown=!0}},{key:An(),value:function(t){this.isDown=!0,this.setHueColor(t)}}])&&cp(n.prototype,r),o&&cp(n,o),e}(ho);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 hp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vp(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 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)}var mp=function(t){function e(){return hp(this,e),vp(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,t),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:yo("changeColor","initColor"),value:function(){this.refresh()}},{key:En("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:En("$hsl_h"),value:function(t){this.changeHslColor()}},{key:En("$hsl_s"),value:function(t){this.changeHslColor()}},{key:En("$hsl_l"),value:function(t){this.changeHslColor()}},{key:En("$hsl_a"),value:function(t){this.changeHslColor()}},{key:On("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||this.parent.initColor(e)}},{key:bn("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:bn("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:bn("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:bn("$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()}}])&&dp(n.prototype,r),o&&dp(n,o),e}(ho);function wp(t){return(wp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Op(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kp(t,e){for(var n=0;n<e.length;n++){var 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"!==wp(e)&&"function"!=typeof e?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=Pp(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 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 Op(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,t),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:yo("changeCurrentColorSets"),value:function(){this.refresh()}},{key:yo("toggleColorChooser"),value:function(){this.toggle()}},{key:er("$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:bn("$toggleButton"),value:function(t){this.toggle()}},{key:bn("$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(){Sp(Pp(e.prototype),"destroy",this).call(this),this.hide()}}])&&kp(n.prototype,r),o&&kp(n,o),e}(ho);function Ep(t){return(Ep="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Tp(t,e){return!e||"object"!==Ep(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rp(t){return(Rp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Dp(t,e){return(Dp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vp=function(t){function e(){return _p(this,e),Tp(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&&Dp(t,e)}(e,t),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:er("$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:yo("changeCurrentColorSets"),value:function(){this.refresh()}},{key:yo("initColor"),value:function(){this.refresh()}},{key:bn("$colorSetsChooseButton"),value:function(t){this.emit("toggleColorChooser")}},{key:xn("$colorSetsColorList"),value:function(t){if(t.preventDefault(),this.parent.manager.getCurrentColorSets().edit){var e=un.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:bn("$colorSetsColorList .add-color-item"),value:function(t){this.addColor(this.parent.getColor())}},{key:bn("$colorSetsColorList .color-item"),value:function(t,e){this.parent.initColor(e.attr("data-color"))}}])&&Cp(n.prototype,r),o&&Cp(n,o),e}(ho);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 Ip(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mp(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 Bp(t){return(Bp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zp(t,e){return(zp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Fp=function(t){function e(){return Ip(this,e),Mp(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&&zp(t,e)}(e,t),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=ar.pos(t);this.$el.px("top",n.clientY-10),this.$el.px("left",n.clientX),this.$el.addClass("show"),this.selectedColorIndex=e,A(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:yo("showContextMenu"),value:function(t,e){this.show(t,e)}},{key:bn("$el .menu-item"),value:function(t,e){t.preventDefault(),this.runCommand(e.attr("data-type")),this.hide()}}])&&Lp(n.prototype,r),o&&Lp(n,o),e}(ho);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Xp(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 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 Hp(this,e),Xp(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,t),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:zf,Opacity:Zf,ColorView:rp,ColorWheel:pp,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&Yp(n.prototype,r),o&&Yp(n,o),e}(wf);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qp(t,e){for(var n=0;n<e.length;n++){var 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"!==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 Qp(t){return(Qp=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=function(t){function e(){return Zp(this,e),Jp(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&&ty(t,e)}(e,t),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"})}}])&&qp(n.prototype,r),o&&qp(n,o),e}(Df);function ny(t){return(ny="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ry(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 iy(t,e){return!e||"object"!==ny(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ay(t){return(ay=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 uy=function(t){function e(){return ry(this,e),iy(this,ay(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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=ar.pos(t).pageX-e.left,i=ar.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:yo("changeColor","initColor"),value:function(){this.refresh()}},{key:Ln("document"),value:function(t){this.isDown=!1}},{key:In("document"),value:function(t){this.isDown&&this.setMainColor(t)}},{key:An(),value:function(t){this.isDown=!0,this.setMainColor(t)}},{key:Ln(),value:function(t){this.isDown=!1}}])&&oy(n.prototype,r),o&&oy(n,o),e}(ho);function sy(t){return(sy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ly(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function py(t,e){return!e||"object"!==sy(e)&&"function"!=typeof e?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 hy(t,e){return(hy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dy=function(t){function e(){return ly(this,e),py(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&&hy(t,e)}(e,t),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:ey,Opacity:Zf,ColorView:rp,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&fy(n.prototype,r),o&&fy(n,o),e}(wf);function vy(t){return(vy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function by(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function my(t,e){return!e||"object"!==vy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wy(t){return(wy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Oy(t,e){return(Oy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ky=function(t){function e(){return by(this,e),my(this,wy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Oy(t,e)}(e,t),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:ey,Opacity:Zf,Palette:uy}}}])&&gy(n.prototype,r),o&&gy(n,o),e}(wf);function jy(t){return(jy="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 xy(t,e){return!e||"object"!==jy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $y(t){return($y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ey(t,e){return(Ey=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _y=function(t){function e(){return Sy(this,e),xy(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&&Ey(t,e)}(e,t),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 ar.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)}}])&&Py(n.prototype,r),o&&Py(n,o),e}(Df);function Cy(t){return(Cy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ty(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ry(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Dy(t,e){return!e||"object"!==Cy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vy(t,e,n){return(Vy="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=Ay(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 Ay(t){return(Ay=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Iy(t,e){return(Iy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ly=function(t){function e(){return Ty(this,e),Dy(this,Ay(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Iy(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){Vy(Ay(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"})}}])&&Ry(n.prototype,r),o&&Ry(n,o),e}(_y);function My(t){return(My="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function By(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zy(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Fy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Gy(t,e){for(var n=0;n<e.length;n++){var 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"!==My(e)&&"function"!=typeof e?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=Xy(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 Xy(t){return(Xy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ny(t,e){return(Ny=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ky=function(t){function e(){return Fy(this,e),Hy(this,Xy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ny(t,e)}(e,t),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(){Yy(Xy(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]:{};e%2?By(Object(n),!0).forEach((function(e){zy(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):By(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Fe.format(t,"rgb");t.a=1;var n=Fe.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})}}])&&Gy(n.prototype,r),o&&Gy(n,o),e}(_y);function Wy(t){return(Wy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Uy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Zy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qy(t,e){return!e||"object"!==Wy(e)&&"function"!=typeof e?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){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 th=function(t){function e(){return Uy(this,e),qy(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,t),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:Ly,Opacity:Ky,Palette:uy}}}])&&Zy(n.prototype,r),o&&Zy(n,o),e}(wf);function eh(t){return(eh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==eh(e)&&"function"!=typeof e?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,e,n){return(ih="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=ah(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 ah(t){return(ah=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ch(t,e){return(ch=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uh=function(t){function e(){return nh(this,e),oh(this,ah(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ch(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){ih(ah(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=bt((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}),this.emit("changeColor"))}}])&&rh(n.prototype,r),o&&rh(n,o),e}(pp);function sh(t){return(sh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ph(t,e){return!e||"object"!==sh(e)&&"function"!=typeof e?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 hh(t,e){return(hh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dh=function(t){function e(){return lh(this,e),ph(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&&hh(t,e)}(e,t),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:zf,Opacity:Zf,ColorView:rp,ColorRing:uh,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&fh(n.prototype,r),o&&fh(n,o),e}(wf);function vh(t){return(vh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==vh(e)&&"function"!=typeof e?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 Oh(t,e){return(Oh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kh=function(t){function e(){return bh(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&&Oh(t,e)}(e,t),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:Ly,Opacity:Ky,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&gh(n.prototype,r),o&&gh(n,o),e}(wf);function jh(t){return(jh="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 xh(t,e){return!e||"object"!==jh(e)&&"function"!=typeof e?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 Eh(t,e){return(Eh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _h=function(t){function e(){return Sh(this,e),xh(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&&Eh(t,e)}(e,t),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:bn("$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:zf,Opacity:Zf,ColorView:rp,ColorRing:uh,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&Ph(n.prototype,r),o&&Ph(n,o),e}(wf);function Ch(t){return(Ch="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Th(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Dh(t,e){return!e||"object"!==Ch(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vh(t){return(Vh=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 Ih=function(t){function e(){return Th(this,e),Dh(this,Vh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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:bn("$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:Ly,Opacity:Ky,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&Rh(n.prototype,r),o&&Rh(n,o),e}(wf),Lh={create:function(t){switch(t.type){case"macos":return new Wp(t);case"xd":return new kh(t);case"xd-tab":return new Ih(t);case"ring":return new dh(t);case"ring-tab":return new _h(t);case"mini":return new ky(t);case"mini-vertical":return new th(t);case"sketch":case"palette":default:return new dy(t)}},ColorPicker:dy,ChromeDevToolColorPicker:dy,MacOSColorPicker:Wp,RingColorPicker:dh,MiniColorPicker:ky,MiniVerticalColorPicker:th,XDColorPicker:kh};function Mh(t){return(Mh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Fh(t,e){return!e||"object"!==Mh(e)&&"function"!=typeof e?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 Hh(t,e){return(Hh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yh=["flex","grid"],Xh=function(t){function e(){return Bh(this,e),Fh(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&&Hh(t,e)}(e,t),n=e,(r=[{key:"isLayoutItem",value:function(){return Yh.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return Yh.includes(this.json.layout)}},{key:"isInGrid",value:function(){return!!this.isLayoutItem()&&"grid"===this.parent.layout}},{key:"isInFlex",value:function(){return!!this.isLayoutItem()&&"flex"===this.parent.layout}}])&&zh(n.prototype,r),o&&zh(n,o),e}(pi);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 Kh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Wh(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Uh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 td(t,e){return(td=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ed=function(t){function e(){return Uh(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&&td(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Jh(Qh(e.prototype),"getDefaultObject",this).call(this,{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:rn.second(0),timingFunction:"ease",delay:rn.second(0),iterationCount:rn.string("infinite"),playState:"running",fillMode:"none"})}},{key:"convert",value:function(t){return(t=Jh(Qh(e.prototype),"convert",this).call(this,t)).duration=rn.parse(t.duration),t.iterationCount=rn.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]:{};e%2?Kh(Object(n),!0).forEach((function(e){Wh(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Kh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Jh(Qh(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(" ")}}])&&Zh(n.prototype,r),o&&Zh(n,o),e}(zo);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function od(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function id(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 cd(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 ud(t,e,n){return(ud="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=sd(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 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 id(this,e),cd(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,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return ud(sd(e.prototype),"getDefaultObject",this).call(this,{itemType:"transition",checked:!0,property:"all",duration:rn.second(0),timingFunction:"ease",delay:rn.second(0)})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rd(Object(n),!0).forEach((function(e){od(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},ud(sd(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(" ")}}])&&ad(n.prototype,r),o&&ad(n,o),e}(zo);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 yd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yd(Object(n),!0).forEach((function(e){dd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bd(t,e){for(var n=0;n<e.length;n++){var 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"!==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 md(t,e,n){return(md="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=wd(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 wd(t){return(wd=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 kd=function(t){function e(){return vd(this,e),gd(this,wd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(t){return md(wd(e.prototype),"getDefaultObject",this).call(this,hd({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return hd({},md(wd(e.prototype),"toCloneObject",this).call(this),{selector:this.json.selector,properties:this.json.properties.map((function(t){return Y(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)}}])&&bd(n.prototype,r),o&&bd(n,o),e}(zo);function jd(t,e){for(var n=0;n<e.length;n++){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 Sd=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 rn.parse(t)})),n=rn.percent(0),r=rn.percent(0),o=rn.percent(0),i=rn.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)&&jd(e.prototype,n),r&&jd(e,r),t}();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 xd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 $d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ed(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$d(Object(n),!0).forEach((function(e){_d(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _d(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Td(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rd(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,e,n){return(Dd="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=Vd(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 Vd(t){return(Vd=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 Id=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,Ld=function(t){function e(){return Cd(this,e),Rd(this,Vd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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(Id)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=xd(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 rn("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=xd(t.split("at").map((function(t){return t.trim()})),2);e=r[0],n=r[1]}else n=t.trim();var o=xd(n.split(" "),2),i=o[0],a=o[1];return A(a)&&(a=i),{radius:e,x:i=rn.parse(i),y:a=rn.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=t.split("at").map((function(t){return t.trim()})),o=xd(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=xd(i,2),c=a[0],u=a[1];A(u)&&(u=c),c=rn.parse(c),u=rn.parse(u);var s=e.split(" "),l=xd(s,2),f=l[0],p=l[1];return A(p)&&(p=f),{radiusX:f=rn.parse(f),radiusY:p=rn.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=xd(e,2),r=n[0],o=n[1],i=Sd.parse(r),a=xd(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=Sd.parse(o),y=xd(p,5),h=y[0],d=y[1],v=y[2],b=y[3],g=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:g}}},{key:"parseStyleForPolygon",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=xd(t.trim().split(" "),2),n=e[0],r=e[1];return{x:rn.parse(n),y:rn.parse(r)}}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Dd(Vd(e.prototype),"getDefaultObject",this).call(this,Ed({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return Ed({},Dd(Vd(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()}}}])&&Td(n.prototype,r),o&&Td(n,o),e}(zo);function Md(t){return(Md="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Gd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fd(Object(n),!0).forEach((function(e){Hd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Hd(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Yd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Nd(t,e){return!e||"object"!==Md(e)&&"function"!=typeof e?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,e,n){return(Kd="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=Wd(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 Wd(t){return(Wd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ud(t,e){return(Ud=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Zd=function(t){function e(){return Yd(this,e),Nd(this,Wd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ud(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Kd(Wd(e.prototype),"getDefaultObject",this).call(this,Gd({position:"absolute",x:rn.px(0),y:rn.px(0),right:"",bottom:"",width:rn.px(300),height:rn.px(300),rootVariable:"",variable:"",transform:"",filter:"","backdrop-filter":"","background-color":"","background-clip":"","background-image":"",pattern:"",border:"","border-radius":"","box-shadow":"","box-sizing":"border-box","text-shadow":"","text-clip":"","clip-path":"",color:"black","font-size":rn.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":"",overflow:"visible",opacity:"",rotate:"","text-fill-color":"","text-stroke-color":"","text-stroke-width":"","offset-path":"","offset-distance":"","z-index":rn.auto,layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",outline:{},animations:[],transitions:[],selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return Gd({},Kd(Wd(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"],overflow:t.overflow,opacity:t.opacity+"",rotate:t.rotate+"","flex-layout":t["flex-layout"],"grid-layout":t["grid-layout"],outline:Y(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=Kd(Wd(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 ed(Gd({checked:!0},t)))}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new kd(Gd({checked:!0},t)))}},{key:"createTransition",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addTransition(new fd(Gd({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(zd(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&&A(n)){var o=Gd({},r.all);r.top=Gd({},o),r.bottom=Gd({},o),r.left=Gd({},o),r.right=Gd({},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=Gd({},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={};return t.forEach((function(t){C(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),N(e)}},{key:"toStringPropertyCSS",value:function(t){return J(this.json[t])}},{key:"toBackgroundImageCSS",value:function(){var t=[];return Sl.parseStyle(this.json.pattern).forEach((function(e){t.push.apply(t,zd(Zs.parseStyle(J(e.toCSS()))))})),t.push.apply(t,zd(Zs.parseStyle(J(this.json["background-image"])))),Zs.joinCSS(t)}},{key:"toLayoutCSS",value:function(){var t=this.json.layout;if(this.hasLayout()){if("flex"===t)return this.toFlexLayoutCSS();if("grid"===t)return this.toGridLayoutCSS()}return{}}},{key:"toLayoutItemCSS",value:function(){var t=this.json.parent.layout,e={};return"flex"===t?e={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===t&&(e={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===t?e=Gd({},e,{},J(this.json["flex-layout-item"])):"grid"===t&&(e=Gd({},e,{},J(this.json["grid-layout-item"]))),e}},{key:"toFlexLayoutCSS",value:function(){return Gd({display:"flex"},this.toStringPropertyCSS("flex-layout"))}},{key:"toGridLayoutCSS",value:function(){return Gd({display:"grid"},this.toStringPropertyCSS("grid-layout"))}},{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]?Hd({},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 q(this.toCSS())}},{key:"toExport",value:function(){return q(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.filter((function(e){return I(e)&&""!==t[e]})).forEach((function(n){e[n]=t[n]})),e}},{key:"toDefaultCSS",value:function(){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",Gd({},t,{},this.toKeyListCSS("position","right","bottom","width","height","overflow","z-index","box-sizing","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(){return Gd({},{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=Bd(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=Bd(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o})),t}},{key:"toRootVariableString",value:function(){return q(this.toRootVariableCSS())}},{key:"toWebkitCSS",value:function(){var t=this.toKeyListCSS("text-fill-color","text-stroke-color","text-stroke-width","background-clip"),e={};return C(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(Ld.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId,")")}return{"clip-path":t}}},{key:"toCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toSVGCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultSVGCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{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:"generateView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n="\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(q(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:q(e.css||{},"\n\t\t"),"; \n  }")})).join("\n"),"\n").concat(this.toSelectorString(t),"\n");return n}},{key:"generateDragView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=this.generateView(t,e).replace(/background\-/gi,"");return n}},{key:"generateSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(t){var e=this.json.width.value,n=this.json.height.value;return'\n<svg width="'.concat(e,'" height="').concat(n,'" viewBox="0 0 ').concat(e," ").concat(n,'" 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:"wrapperRootSVG",value:function(t,e,n,r,o){return"\n    <g>\n      ".concat(this.toDefString,"\n      ").concat(o,"\n    </g>\n    ")}},{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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.layers,i=r.width,a=r.height,c=r.elementType,u=c||"div",s=this.toCSS();return n?(delete s.left,delete s.top,"absolute"===s.position&&delete s.position,this.wrapperRootSVG(t,e,i,a,'\n        <g transform="translate('.concat(t,", ").concat(e,')">      \n          <foreignObject ').concat(Q({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n        </g>\n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"\n      "))):"\n        ".concat(this.toDefString,'\n        <g transform="translate(').concat(t,", ").concat(e,')">\n          <foreignObject ').concat(Q({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n          \n        </g>             \n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"           \n      ")}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():rn.px(0),y:this.json.y?this.json.y.clone():rn.px(0),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=rn.px(t.x.value+t.width.value),t.y2=rn.px(t.y.value+t.height.value),t}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(arguments.length>2&&void 0!==arguments[2]&&arguments[2],arguments.length>3&&void 0!==arguments[3]&&arguments[3],e){var n=t.$('[data-id="'.concat(this.innerSVGId,'"]'));if(n){var r=this.toDefInnerString.trim();if(r){var o=n.$("defs");o.html(r)}}else{var i=this.toDefString.trim();if(i){var a=un.createByHTML(i);a&&t.prepend(a)}}}}},{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(tt(Hd({"element-item":!0},i,!0)),'" ').concat(Q({"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(0,0,!0)}},{key:"toDefInnerString",get:function(){return"\n      ".concat(this.toClipPath,"\n    ")}},{key:"toClipPath",get:function(){var t=Ld.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"}}])&&Xd(n.prototype,r),o&&Xd(n,o),e}(Xh),qd='<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 Jd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 tv=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jd(Object(n),!0).forEach((function(e){Qd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},{fullscreen:qd},{volume_down:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"/>\n    </svg>\n',volume_up:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>\n</svg>',volume_off:'\n<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>\n</svg>\n',pentool:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <g transform="translate(4.000003875248012, 4.000001937624006)">\n        <path stroke="currentColor" d="M 7.501491970838878 -0.0000015572448855733659Q 14.336036333057622 7.389304433496911 15.674208571053226 11.025537025755131Q 17.012380809048864 14.661769618013372 12.854180922821438 14.544928811787997L 12.854180922821438 16.99999278410904L 3.2146550430021494 16.99999278410904L 3.2146550430021494 14.544928811787997Q -0.8480130988910353 14.661769618013372 0.22369613306813782 11.025537025755131Q 1.295405365027311 7.389304433496911 7.501491970838878 -0.0000015572448855733659Z M 7.501491970838878 -0.0000015572448855733659M 7.043097362212707 10.615180199186797L 7.043097362212707 2.029497238417552Q 2.4235653311211847 7.389304433496911 1.2143202542326725 11.099378313047254Q 0.22369613306813782 14.380813978493594 4.269842778971384 13.709709450113499L 4.269842778971384 16.233605781316655L 11.751764459057853 16.233605781316655L 11.751764459057853 13.709709450113499Q 15.84146041516868 14.140123940309786 14.670231046646997 10.775846698306177Q 14.195747591990225 9.593976493057127 8.077664264490855 2.029497238417552L 8.077664264490855 10.615180199186797L 7.043097362212707 10.615180199186797Z"/>\n    </g>\n</svg>',launch:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>\n    </svg>',apps:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/></svg>',outline_rect:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',outline_circle:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',keyboard:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>',local_movie:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/></svg>',same_height:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',same_width:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',middle:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',bottom:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',top:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',right:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',center:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n</svg>\n',left:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',flag:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/></svg>',lens:'<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 2z"/></svg>',local_library:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"/></svg>',italic:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/></svg>',strikethrough:'<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 clip-path="url(#b)" d="M7.24 8.75c-.26-.48-.39-1.03-.39-1.67 0-.61.13-1.16.4-1.67.26-.5.63-.93 1.11-1.29.48-.35 1.05-.63 1.7-.83.66-.19 1.39-.29 2.18-.29.81 0 1.54.11 2.21.34.66.22 1.23.54 1.69.94.47.4.83.88 1.08 1.43.25.55.38 1.15.38 1.81h-3.01c0-.31-.05-.59-.15-.85-.09-.27-.24-.49-.44-.68-.2-.19-.45-.33-.75-.44-.3-.1-.66-.16-1.06-.16-.39 0-.74.04-1.03.13-.29.09-.53.21-.72.36-.19.16-.34.34-.44.55-.1.21-.15.43-.15.66 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.05-.08-.11-.17-.15-.25zM21 12v-2H3v2h9.62c.18.07.4.14.55.2.37.17.66.34.87.51.21.17.35.36.43.57.07.2.11.43.11.69 0 .23-.05.45-.14.66-.09.2-.23.38-.42.53-.19.15-.42.26-.71.35-.29.08-.63.13-1.01.13-.43 0-.83-.04-1.18-.13s-.66-.23-.91-.42c-.25-.19-.45-.44-.59-.75-.14-.31-.25-.76-.25-1.21H6.4c0 .55.08 1.13.24 1.58.16.45.37.85.65 1.21.28.35.6.66.98.92.37.26.78.48 1.22.65.44.17.9.3 1.38.39.48.08.96.13 1.44.13.8 0 1.53-.09 2.18-.28s1.21-.45 1.67-.79c.46-.34.82-.77 1.07-1.27s.38-1.07.38-1.71c0-.6-.1-1.14-.31-1.61-.05-.11-.11-.23-.17-.33H21z"/></svg>',underline:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"/></svg>',cylinder:'\n<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" style=\'transform:scale(0.8)\'>\n<g class="cylinder">\n<path d="M 12 0 C 7.636719 0 3 1.226562 3 3.5 L 3 20.5 C 3 22.773438 7.636719 24 12 24 C 16.363281 24 21 22.773438 21 20.5 L 21 3.5 C 21 1.226562 16.363281 0 12 0 Z M 20 19.121094 C 19.921875 19.140625 19.84375 19.171875 19.78125 19.230469 C 19.574219 19.414062 19.554688 19.726562 19.738281 19.933594 C 19.914062 20.128906 20 20.320312 20 20.5 C 20 21.542969 16.957031 23 12 23 C 7.042969 23 4 21.542969 4 20.5 C 4 20.320312 4.085938 20.128906 4.261719 19.933594 C 4.445312 19.726562 4.425781 19.410156 4.21875 19.226562 C 4.15625 19.171875 4.078125 19.140625 4 19.121094 L 4 5.160156 C 5.59375 6.363281 8.863281 7 12 7 C 15.136719 7 18.40625 6.363281 20 5.160156 Z M 12 6 C 7.042969 6 4 4.542969 4 3.5 C 4 2.457031 7.042969 1 12 1 C 16.957031 1 20 2.457031 20 3.5 C 20 4.542969 16.957031 6 12 6 Z M 12 6 "/>\n</g>\n</svg>\n',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 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-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:qd,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>',video:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>\n    </svg>\n',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 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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nv(Object(n),!0).forEach((function(e){ov(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 iv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 iv(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,t),n=e,o=[{key:"getIcon",value:function(){return tv.rect}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return uv(sv(e.prototype),"getDefaultObject",this).call(this,rv({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return tv.rect}},{key:"toCloneObject",value:function(){return rv({},uv(sv(e.prototype),"toCloneObject",this).call(this),{tagName:this.json.tagName})}},{key:"screenX",get:function(){return this.json.parent?rn.px(this.json.parent.screenX.value+(this.json.x||zero).value):this.json.x||rn.px(0)}},{key:"screenY",get:function(){return this.json.parent?rn.px(this.json.parent.screenY.value+(this.json.y||zero).value):this.json.y||rn.px(0)}}])&&av(n.prototype,r),o&&av(n,o),e}(Zd);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 yv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yv(Object(n),!0).forEach((function(e){dv(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function vv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 gv(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 mv(t,e,n){return(mv="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=wv(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 wv(t){return(wv=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 kv="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),jv={xChannelSelector:!0,yChannelSelector:!0},Sv=function(t){function e(){return vv(this,e),gv(this,wv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,o=[{key:"parse",value:function(t){return new(0,xO[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=jt();return mv(wv(e.prototype),"getDefaultObject",this).call(this,hv({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 B(t.in)&&(t.in=JSON.parse(t.in)),B(t.bound)&&(t.bound=JSON.parse(t.bound)),B(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return hv({},mv(wv(e.prototype),"toCloneObject",this).call(this),{id:this.json.id,in:Y(this.json.in),bound:Y(this.json.bound),connected:Y(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(jv).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=""),kv.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()," />")}}])&&bv(n.prototype,r),o&&bv(n,o),e}(zo);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 xv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ev(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 _v(t,e,n){return(_v="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=Cv(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 Cv(t){return(Cv=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 Rv=function(t){function e(){return xv(this,e),Ev(this,Cv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return _v(Cv(e.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:e.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=rn.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    '))}}])&&$v(n.prototype,r),o&&$v(n,o),e}(Sv);function Dv(t){return(Dv="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Iv(t,e){return!e||"object"!==Dv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Lv(t,e,n){return(Lv="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=Mv(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 Mv(t){return(Mv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Bv(t,e){return(Bv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Rv.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:rn.number(0)}};var zv=function(t){function e(){return Vv(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&&Bv(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Lv(Mv(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>")}}])&&Av(n.prototype,r),o&&Av(n,o),e}(Sv);function Fv(t){return(Fv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==Fv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xv(t,e,n){return(Xv="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=Nv(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 Nv(t){return(Nv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kv(t,e){return(Kv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}zv.spec={};var Wv=function(t){function e(){return Gv(this,e),Yv(this,Nv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kv(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Xv(Nv(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}}])&&Hv(n.prototype,r),o&&Hv(n,o),e}(Sv);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 Zv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 Qv(t,e,n){return(Qv="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=tb(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 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)}Wv.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:rn.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)}};var nb=function(t){function e(){return Zv(this,e),Jv(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Qv(tb(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()," />")}}])&&qv(n.prototype,r),o&&qv(n,o),e}(Sv);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ib(t,e){for(var n=0;n<e.length;n++){var 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 cb(t,e,n){return(cb="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=ub(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 ub(t){return(ub=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sb(t,e){return(sb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}nb.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(0)}};var lb=function(t){function e(){return ob(this,e),ab(this,ub(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return cb(ub(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=rn.parse(t.baseFrequency),t.numOctaves=rn.parse(t.numOctaves),t.seed=rn.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(Q({type:e,baseFrequency:n,numOctaves:r,seed:o}),"   ").concat(this.getDefaultAttribute()," />"))}}])&&ib(n.prototype,r),o&&ib(n,o),e}(Sv);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 pb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function yb(t,e){for(var n=0;n<e.length;n++){var 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"!==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 db(t,e,n){return(db="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=vb(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 vb(t){return(vb=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)}lb.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:rn.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:rn.number(0)}};var gb=function(t){function e(){return pb(this,e),hb(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&&bb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return db(vb(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=rn.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}}])&&yb(n.prototype,r),o&&yb(n,o),e}(Sv);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kb(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,e,n){return(jb="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 Pb(t,e){return(Pb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}gb.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:rn.number(0)}};var xb=function(t){function e(){return wb(this,e),kb(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&&Pb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return jb(Sb(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()," />")}}])&&Ob(n.prototype,r),o&&Ob(n,o),e}(Sv);function $b(t){return($b="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Cb(t,e){return!e||"object"!==$b(e)&&"function"!=typeof e?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=Rb(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 Rb(t){return(Rb=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)}xb.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 Vb=function(t){function e(){return Eb(this,e),Cb(this,Rb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Tb(Rb(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()," />")}}])&&_b(n.prototype,r),o&&_b(n,o),e}(Sv);function Ab(t){return(Ab="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Lb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Mb(t,e){return!e||"object"!==Ab(e)&&"function"!=typeof e?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,e,n){return(Bb="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=zb(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 zb(t){return(zb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fb(t,e){return(Fb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Vb.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var Gb=function(t){function e(){return Ib(this,e),Mb(this,zb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Bb(zb(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=rn.parse(t.stdDeviationX),t.stdDeviationY=rn.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()," />")}}])&&Lb(n.prototype,r),o&&Lb(n,o),e}(Sv);function Hb(t){return(Hb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Yb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Nb(t,e){return!e||"object"!==Hb(e)&&"function"!=typeof e?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,e,n){return(Kb="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=Wb(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 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)}Gb.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var Zb=function(t){function e(){return Yb(this,e),Nb(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Kb(Wb(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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(Q({x:r,y:o,width:i,height:a}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&Xb(n.prototype,r),o&&Xb(n,o),e}(Sv);function qb(t){return(qb="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){return eg(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||tg()}function Qb(t){return eg(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||tg()}function tg(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function eg(t){if(Array.isArray(t))return t}function ng(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 og(t,e){return!e||"object"!==qb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ig(t,e,n){return(ig="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=ag(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 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)}Zb.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var ug=function(t){function e(){return ng(this,e),og(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return ig(ag(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=Qb(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=Jb(r,2);return{type:n,slop:o[0],intercept:o[1]}}if("gamma"===n){var i=Jb(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(Q(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(Q(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(Q(r)," />"),"\n      ").concat(o&&"<feFuncA ".concat(Q(o)," />"),"\n    </feComponentTransfe>")}}])&&rg(n.prototype,r),o&&rg(n,o),e}(Sv);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fg(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=hg(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 hg(t){return(hg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dg(t,e){return(dg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ug.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 vg=function(t){function e(){return lg(this,e),pg(this,hg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dg(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return yg(hg(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(Q({azimuth:e,elevation:n})," />"))}}])&&fg(n.prototype,r),o&&fg(n,o),e}(Sv);function bg(t){return(bg="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mg(t,e){for(var n=0;n<e.length;n++){var 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"!==bg(e)&&"function"!=typeof e?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,e,n){return(Og="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 jg(t,e){return(jg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}vg.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var Sg=function(t){function e(){return gg(this,e),wg(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&&jg(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Og(kg(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(Q({x:e,y:n,z:r})," />"))}}])&&mg(n.prototype,r),o&&mg(n,o),e}(Sv);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 xg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Eg(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 _g(t,e,n){return(_g="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=Cg(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 Cg(t){return(Cg=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)}Sg.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var Rg=function(t){function e(){return xg(this,e),Eg(this,Cg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return _g(Cg(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(Q({x:e,y:n,z:r,pointsAtX:o,pointsAtY:i,pointsAtZ:a,specularExponent:c,limitingConeAngle:u})," />"))}}])&&$g(n.prototype,r),o&&$g(n,o),e}(Sv);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ag(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ig(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mg(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 Bg(t,e,n){return(Bg="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=zg(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 zg(t){return(zg=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)}Rg.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)}};var Gg=function(t){function e(){return Ig(this,e),Mg(this,zg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Bg(zg(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]:{};e%2?Vg(Object(n),!0).forEach((function(e){Ag(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bg(zg(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(Q({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>"))}}])&&Lg(n.prototype,r),o&&Lg(n,o),e}(Sv);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ng(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 Wg(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 Ug(t,e,n){return(Ug="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=Zg(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 Zg(t){return(Zg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qg(t,e){return(qg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Gg.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Jg=function(t){function e(){return Ng(this,e),Wg(this,Zg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qg(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Ug(Zg(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]:{};e%2?Yg(Object(n),!0).forEach((function(e){Xg(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Ug(Zg(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(Q({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":o}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>"))}},{key:"getSourceInAttribute",value:function(){return""}}])&&Kg(n.prototype,r),o&&Kg(n,o),e}(Sv);function Qg(t){return(Qg="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 nm(t,e){return!e||"object"!==Qg(e)&&"function"!=typeof e?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,e,n){return(rm="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=om(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 om(t){return(om=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function im(t,e){return(im=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Jg.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var am=function(t){function e(){return tm(this,e),nm(this,om(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&im(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return rm(om(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(Q({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />"))}}])&&em(n.prototype,r),o&&em(n,o),e}(Sv);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 um(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 fm(t,e,n){return(fm="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=pm(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 pm(t){return(pm=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)}am.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var hm=function(t){function e(){return um(this,e),lm(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&&ym(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return fm(pm(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(Q({mode:t})," ").concat(this.getDefaultAttribute()," />"))}},{key:"hasInIndex",value:function(){return!0}}])&&sm(n.prototype,r),o&&sm(n,o),e}(Sv);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 vm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vm(Object(n),!0).forEach((function(e){gm(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 mm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Om(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 km(t,e,n){return(km="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=jm(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 jm(t){return(jm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sm(t,e){return(Sm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}hm.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var Pm=function(t){function e(){return mm(this,e),Om(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&&Sm(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return km(jm(e.prototype),"getDefaultObject",this).call(this,bm({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}])&&wm(n.prototype,r),o&&wm(n,o),e}(Sv);function xm(t){return(xm="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _m(t,e){return!e||"object"!==xm(e)&&"function"!=typeof e?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,e,n){return(Cm="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=Tm(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 Tm(t){return(Tm=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 Dm=function(t){function e(){return $m(this,e),_m(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&&Rm(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Cm(Tm(e.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}])&&Em(n.prototype,r),o&&Em(n,o),e}(Pm);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Lm(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,e,n){return(Mm="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=Bm(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 Bm(t){return(Bm=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 Fm=function(t){function e(){return Am(this,e),Lm(this,Bm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Mm(Bm(e.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}])&&Im(n.prototype,r),o&&Im(n,o),e}(Pm);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ym(t,e){for(var n=0;n<e.length;n++){var 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 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=Km(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 Km(t){return(Km=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 Um=function(t){function e(){return Hm(this,e),Xm(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&&Wm(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Nm(Km(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}])&&Ym(n.prototype,r),o&&Ym(n,o),e}(Pm);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Qm(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 tw(t,e,n){return(tw="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=ew(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 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 qm(this,e),Qm(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return tw(ew(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}])&&Jm(n.prototype,r),o&&Jm(n,o),e}(Pm);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,e,n){return(uw="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=sw(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 sw(t){return(sw=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)}var fw=function(t){function e(){return iw(this,e),cw(this,sw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return uw(sw(e.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}])&&aw(n.prototype,r),o&&aw(n,o),e}(Pm);function pw(t){return(pw="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hw(t,e){for(var n=0;n<e.length;n++){var 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"!==pw(e)&&"function"!=typeof e?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,e,n){return(vw="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=bw(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 bw(t){return(bw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gw(t,e){return(gw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mw=function(t){function e(){return yw(this,e),dw(this,bw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gw(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return vw(bw(e.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}])&&hw(n.prototype,r),o&&hw(n,o),e}(Pm);function ww(t){return(ww="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ow(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jw(t,e){return!e||"object"!==ww(e)&&"function"!=typeof e?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=Pw(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 Pw(t){return(Pw=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)}var $w=function(t){function e(){return Ow(this,e),jw(this,Pw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Sw(Pw(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(Q({dx:e,dy:n,stdDeviation:r,"flood-color":o,"flood-opacity":i}),"  ").concat(this.getDefaultAttribute()," />"))}}])&&kw(n.prototype,r),o&&kw(n,o),e}(Sv);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 _w(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Tw(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 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=Dw(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 Dw(t){return(Dw=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)}$w.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:rn.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Aw=function(t){function e(){return _w(this,e),Tw(this,Dw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Rw(Dw(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()," />"))}}])&&Cw(n.prototype,r),o&&Cw(n,o),e}(Sv);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 Lw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mw(t,e){for(var n=0;n<e.length;n++){var 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"!==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 zw(t,e,n){return(zw="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=Fw(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 Fw(t){return(Fw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gw(t,e){return(Gw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Aw.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:rn.number(0)}};var Hw=function(t){function e(){return Lw(this,e),Bw(this,Fw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Gw(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return zw(Fw(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()," />"))}}])&&Mw(n.prototype,r),o&&Mw(n,o),e}(Sv);function Yw(t){return(Yw="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Kw(t,e){return!e||"object"!==Yw(e)&&"function"!=typeof e?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,e,n){return(Ww="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=Uw(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 Uw(t){return(Uw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zw(t,e){return(Zw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Hw.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:rn.number(0)}};var qw=function(t){function e(){return Xw(this,e),Kw(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&&Zw(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Ww(Uw(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()," />")}}])&&Nw(n.prototype,r),o&&Nw(n,o),e}(Sv);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 Qw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 nO(t,e,n){return(nO="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=rO(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 rO(t){return(rO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oO(t,e){return(oO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}qw.spec={};var iO=function(t){function e(){return Qw(this,e),eO(this,rO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oO(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return nO(rO(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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(Q({x:e,y:n,width:r,height:o})," ").concat(this.getDefaultAttribute()," />")}}])&&tO(n.prototype,r),o&&tO(n,o),e}(Sv);function aO(t){return(aO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==aO(e)&&"function"!=typeof e?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,e,n){return(lO="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=fO(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 fO(t){return(fO=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)}iO.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var yO=function(t){function e(){return cO(this,e),sO(this,fO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return lO(fO(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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(Q({x:n,y:r,width:o,height:i,"xlink:href":e,preserveAspectRatio:"".concat(a," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}])&&uO(n.prototype,r),o&&uO(n,o),e}(Sv);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 dO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dO(Object(n),!0).forEach((function(e){bO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function gO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,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 OO(t,e,n){return(OO="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=kO(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 kO(t){return(kO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jO(t,e){return(jO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}yO.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.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 SO=["result"],PO=function(t){function e(){return gO(this,e),wO(this,kO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jO(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){return new(0,xO[t.type])(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return OO(kO(e.prototype),"getDefaultObject",this).call(this,vO({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return SO.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()," />")}}])&&mO(n.prototype,r),o&&mO(n,o),e}(zo),xO={Image:yO,Tile:iO,Saturate:Aw,HueRotate:Hw,LuminanceAlpha:qw,DropShadow:$w,SourceGraphic:Dm,SourceAlpha:Fm,BackgroundImage:Um,BackgroundAlpha:rw,FillPaint:fw,StrokePaint:mw,ComponentTransfer:ug,DistantLight:vg,PointLight:Sg,SpotLight:Rg,DiffuseLighting:Gg,SpecularLighting:Jg,Blend:hm,Offset:am,RotaMatrix:Rv,GaussianBlur:Gb,Flood:Zb,Merge:zv,Composite:Wv,Morphology:nb,Turbulence:lb,DisplacementMap:gb,ColorMatrix:xb,ConvolveMatrix:Vb},$O={Image:yO.spec,Tile:iO.spec,DropShadow:$w.spec,Saturate:Aw.spec,HueRotate:Hw.spec,LuminanceAlpha:qw.spec,Offset:am.spec,ComponentTransfer:ug.spec,SpecularLighting:Jg.spec,SpotLight:Rg.spec,PointLight:Sg.spec,DistantLight:vg.spec,DiffuseLighting:Gg.spec,Blend:hm.spec,RotaMatrix:Rv.spec,Merge:zv.spec,GaussianBlur:Gb.spec,Flood:Zb.spec,Morphology:nb.spec,Composite:Wv.spec,Turbulence:lb.spec,DisplacementMap:gb.spec,ColorMatrix:xb.spec,ConvolveMatrix:Vb.spec};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 _O(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 CO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?CO(Object(n),!0).forEach((function(e){RO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function RO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function DO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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 IO(t,e,n){return(IO="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=LO(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 LO(t){return(LO=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 BO=function(t){function e(){return DO(this,e),AO(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&&MO(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return IO(LO(e.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:rn.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return TO({},IO(LO(e.prototype),"toCloneObject",this).call(this),{offset:this.json.offset+"",color:this.json.color,properties:this.json.properties.map((function(t){return Y(t)}))})}},{key:"convert",value:function(t){return(t=IO(LO(e.prototype),"convert",this).call(this,t)).offset=rn.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(q(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(TO({checked:!0,value:rn.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(_O(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],TO({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,o=0,i=n.length;o<i;o++)if(this.json.properties[o].key===t){r=o;break}Object.assign(this.json.properties[+r],TO({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=TO({},t,{},e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}])&&VO(n.prototype,r),o&&VO(n,o),e}(zo);function zO(t){return(zO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FO(t){return function(t){if(Array.isArray(t))return t}(t)||HO(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function GO(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)||HO(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function HO(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function YO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YO(Object(n),!0).forEach((function(e){NO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function KO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 UO(t,e){return!e||"object"!==zO(e)&&"function"!=typeof e?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,e,n){return(ZO="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=qO(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 qO(t){return(qO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JO(t,e){return(JO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QO=function(t){function e(){return KO(this,e),UO(this,qO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JO(t,e)}(e,t),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=we(t.keyframe);o.str.split("|").map((function(t){return t.trim()})).forEach((function(t,i){var a=FO(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(rn.parse(u))})),p=null;f.length?p=f[0]:(p=new BO({offset:rn.parse(u)}),r[c].offsets.push(p)),p.addProperty({key:s,value:ke(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 ZO(qO(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 XO({},ZO(qO(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 BO(XO({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(GO(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()}}])&&WO(n.prototype,r),o&&WO(n,o),e}(zo);function tk(t){return(tk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ek(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 nk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nk(Object(n),!0).forEach((function(e){ok(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ok(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ik(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==tk(e)&&"function"!=typeof e?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,e,n){return(uk="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=sk(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 sk(t){return(sk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lk(t,e){return(lk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pk(Object(n),!0).forEach((function(e){hk(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hk(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function dk(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 vk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bk(t,e){for(var n=0;n<e.length;n++){var 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"!==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 mk(t,e,n){return(mk="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=wk(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 wk(t){return(wk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ok(t,e){return(Ok=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kk=function(t){function e(){return vk(this,e),gk(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&&Ok(t,e)}(e,t),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=dk(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 mk(wk(e.prototype),"getDefaultObject",this).call(this,yk({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 yk({},mk(wk(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")}}])&&bk(n.prototype,r),o&&bk(n,o),e}(function(t){function e(){return ik(this,e),ck(this,sk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lk(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return uk(sk(e.prototype),"getDefaultObject",this).call(this,rk({colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],videos:[],audios:[]},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 QO(rk({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(ek(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=rk({},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 PO.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 rk({},uk(sk(e.prototype),"toCloneObject",this).call(this),{colors:Y(t.colors),gradients:Y(t.gradients),svgfilters:Y(t.svgfilters),svgimages:Y(t.svgimages),images:Y(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]=rk({},this.json.colors[t],{},e)}},{key:"getColorIndex",value:function(t){return this.json.colors[t]}},{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]=rk({},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:"removeVideo",value:function(t){this.removePropertyList(this.json.videos,t)}},{key:"copyVideo",value:function(t){this.copyPropertyList(this.json.videos,t)}},{key:"sortVideo",value:function(t,e){this.sortItem(this.json.videos,t,e)}},{key:"setVideoValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.videos[t]=rk({},this.json.videos[t],{},e)}},{key:"addVideo",value:function(t){return this.json.videos.push(t),t}},{key:"createVideo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addVideo(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]=rk({},this.json.gradients[t],{},e)}},{key:"getGradientIndex",value:function(t){return this.json.gradients[t]}},{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]=rk({},this.json.svgfilters[t],{},e)}},{key:"addSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgfilters.push(t);var e=this.json.svgfilters.length-1;return e}},{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]=rk({},this.json.svgimages[t],{},e)}},{key:"addSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgimages.push(t);var e=this.json.svgimages.length-1;return e}},{key:"createSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(t)}}])&&ak(n.prototype,r),o&&ak(n,o),e}(Co));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 Sk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Pk(t,e){for(var n=0;n<e.length;n++){var 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"!==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 $k(t,e,n){return($k="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=Ek(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 Ek(t){return(Ek=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)}Ci.registerComponent("project",kk);var Ck=function(t){function e(){return Sk(this,e),xk(this,Ek(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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=$k(Ek(e.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}])&&Pk(n.prototype,r),o&&Pk(n,o),e}(fv);function Tk(t){return(Tk="function"==typeof Symbol&&"symbol"==typeof Symbol.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){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 Dk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Dk(Object(n),!0).forEach((function(e){Ak(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Dk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ak(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ik(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mk(t,e){return!e||"object"!==Tk(e)&&"function"!=typeof e?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,e,n){return(Bk="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=zk(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 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)}Ci.registerComponent("component",Ck);var Gk=["front","back","left","right","top","bottom"],Hk={"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"},Yk={position:!0,left:!0,top:!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},Xk={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},Nk=function(t){function e(){return Ik(this,e),Mk(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,t),n=e,o=[{key:"getIcon",value:function(){return tv.cube}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bk(zk(e.prototype),"getDefaultObject",this).call(this,Vk({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:rn.number(1),transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},t))}},{key:"getProps",value:function(){return[{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Background Color"].concat(Rk(Gk.map((function(t){return{key:"".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:t,params:"".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background Image"],Rk(Gk.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(Hk[e.property]),properties:[Vk({},e,{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(Hk[e.property]),properties:[Vk({},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):Yk[t.property]?r.push(t):Xk[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=Bk(zk(e.prototype),"convert",this).call(this,t)).rate=rn.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return Gk.forEach((function(e){n["".concat(e,".color")]=t.json["".concat(e,".color")],n["".concat(e,".background")]=t.json["".concat(e,".background")]})),Vk({},Bk(zk(e.prototype),"toCloneObject",this).call(this),{rate:this.json.rate.clone()},n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cube"}},{key:"getIcon",value:function(){return tv.cube}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),t.visibility=this.json.visible?"visible":"hidden",Vk({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return Vk({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS(),{},this.toLayoutItemCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.rate.value,n=t.width,r=t.height,o=n.value/2,i=r.value/2,a=t["backface-visibility"],c=Vk({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity","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(q(c),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(a,";              \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(a,";          \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=this.toCSS(),c=this.toNestedCSS(),u={},s=c.find((function(t){return"div"===t.selector}))||{cssText:""};return s=s.cssText.replace(/\n/g,""),Gk.forEach((function(t){u[t]=c.find((function(e){return e.selector==="."+t}))||{cssText:""},u[t]=u[t].cssText.replace(/\n/g,"")})),n?(delete a.left,delete a.top,"absolute"===a.position&&delete a.position,this.wrapperRootSVG(t,e,o,i,"\n        <foreignObject ".concat(Q({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(q(a),'">\n            ').concat(Gk.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(Q({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(q(a),'">\n              ').concat(Gk.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n            </div>   \n          </div>\n        </foreignObject>          \n      ")}},{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(Gk.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&Lk(n.prototype,r),o&&Lk(n,o),e}(Ck);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 Wk(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Uk(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 Zk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zk(Object(n),!0).forEach((function(e){Jk(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Jk(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Qk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 nj(t,e,n){return(nj="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=rj(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 rj(t){return(rj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oj(t,e){return(oj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("cube",Nk);var ij={count:!0,rate:!0,face:!0},aj={position:!0,left:!0,top:!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},cj={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},uj=function(t){function e(){return Qk(this,e),ej(this,rj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oj(t,e)}(e,t),n=e,o=[{key:"getIcon",value:function(){return tv.cylinder}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return nj(rj(e.prototype),"getDefaultObject",this).call(this,qk({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:rn.number(40),rate:rn.number(1),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:"Count",min:3,max:100,step:1},refresh:!0,defaultValue:t},{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Color"].concat(Uk(K(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"],Uk(K(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){var n=this;if("rate"===e.property){var r=this.json.width,o=this.json.count.value,i=r.value/2,a=360/o,c=K(o).map((function(t,r){var o=r*a;return{selector:'[data-id="'.concat(n.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[{keyframes:e.keyframes.map((function(t){var e=t.time,n=t.value,r=t.timing;return{time:e,value:"rotateY(".concat(o,"deg) translateZ(").concat(i*n,"px)"),timing:r}})),property:"transform"}]}}));t.push.apply(t,Uk(c))}if(e.property.includes(".color")){var u=Wk(e.property.split("."),3),s=(u[0],u[1]);u[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[qk({},e,{property:"background-color"})]})}if(e.property.includes(".background")){var l=Wk(e.property.split("."),3);l[0],s=l[1],l[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[qk({},e,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach((function(t){t.property.includes("face")||ij[t.property]?n.push(t):aj[t.property]?r.push(t):cj[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=nj(rj(e.prototype),"convert",this).call(this,t)).count=rn.parse(t.count),t.rate=rn.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return K(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")]})),qk({},nj(rj(e.prototype),"toCloneObject",this).call(this),{count:this.json.count.clone(),rate:this.json.rate.clone()},n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cylinder"}},{key:"getIcon",value:function(){return tv.cylinder}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),qk({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return qk({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.count.value,n=t.width,r=t["backface-visibility"],o=t.rate.value,i=this.cylinderInfo,a=i.angle,c=i.r,u=i.faceWidth,s=qk({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),{},this.toBackgroundImageCSS(),{},this.toBorderCSS(),{},this.toClipPathCSS()),l=K(e).map((function(e,n){var r=n*a,i="face.".concat(n,".color"),u="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(c*o,"px);\n          ").concat(t[i]?"background-color: ".concat(t[i],";"):"","\n          ").concat(t[u]?"".concat(t[u],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-u/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(u,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(q(s),"\n        ").trim()}].concat(Uk(l))}},{key:"updateFunction",value:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(nj(rj(e.prototype),"updateFunction",this).call(this,t,n),n){var r=+t.attr("data-count");if(r!==this.json.count.value){t.$$(".face").forEach((function(t){return t.remove()}));var o=K(this.json.count.value).map((function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')})).join("");t.appendHTML(o),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(dt(i,a,e.x,e.y));var a,c=vt(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=vt(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(K(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=K(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(Q({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(q(i),'">\n            ').concat(K(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")}}])&&tj(n.prototype,r),o&&tj(n,o),e}(Ck);function sj(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")}()}Ci.registerComponent("cylinder",uj);var lj={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},fj={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)"},pj=[[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"]],yj=function(t){return sj(dj(fj[t]||t))},hj=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=pj.length;e<n;e++){var r=pj[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(",")," )")},dj=function(t){if("string"==typeof t){if(lj[t])return pj.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},vj=function(t,e,n,r){var o=[t,e,n,r];return function(t){return Ej(o,t)}},bj=function(t,e,n){var r=[t,e,n];return function(t){return _j(r,t)}},gj=function(t,e){var n=[t,e];return function(t){return Cj(n,t)}},mj=function(t,e,n,r,o){var i=e(n),a=vt(r,o,i.x,i.y);a<t.minDist&&(t.minDist=a,t.minT=n)},wj=function(t,e,n,r,o,i,a,c){for(var u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,s=vj({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 y=p/u,h=s(y);l+=vt(f.x,f.y,h.x,h.y),f=h}return l},Oj=function(t,e,n,r,o,i){for(var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=bj({x:t,y:e},{x:n,y:r},{x:o,y:i}),u=0,s=c(0),l=0;l<=a;l++){var f=l/a,p=c(f);u+=vt(s.x,s.y,p.x,p.y),s=p}return u},kj=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++)mj(n,t,i/e,r,o);var a=1/(2*e),c=n.minT;for(i=0;i<e;i++)mj(n,t,c-a,r,o),mj(n,t,c+a,r,o),a/=2;return n.minT}},jj=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return kj(vj(t,e,n,r),o)},Sj=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return kj(bj(t,e,n),r)},Pj=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return kj(gj(t,e),n)},xj=function(t){if("linear"===t)return gj(n={x:0,y:0},r={x:1,y:1});var e=dj(t),n={x:0,y:0},r={x:e[0],y:e[1]},o={x:e[2],y:e[3]};return vj(n,r,o,{x:1,y:1})},$j=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},Ej=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e),o=$j(t[2],t[3],e),i=$j(n,r,e),a=$j(r,o,e);return $j(i,a,e)},_j=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e);return $j(n,r,e)},Cj=function(t,e){return $j(t[0],t[1],e)},Tj=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e),o=$j(t[2],t[3],e),i=$j(n,r,e),a=$j(r,o,e),c=$j(i,a,e);return{first:[t[0],n,i,c],second:[c,a,o,t[3]]}},Rj=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e),o=$j(n,r,e);return{first:[t[0],n,o],second:[o,r,t[2]]}},Dj=function(t,e){var n=$j(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}};function Vj(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 Aj(t,e,n){return function(t,e){return n}}function Ij(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 Lj(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}function Mj(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=rn.parse(n),c=rn.parse(r);return a.unit===c.unit?Vj(t,e,a.value,c.value,a.unit):a.equals(c)?Aj(0,0,a):function(n,r){var u=Ij(t,e,a,o,i),s=Ij(t,e,c,o,i);return 0===r?u:1===r?s:Lj(t,e,rn.px(u.value+(s.value-u.value)*n),a.unit,o,i)}}function Bj(t,e){for(var n=0;n<e.length;n++){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 zj=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":rn.px(0),"border-top-left-radius":rn.px(0),"border-top-right-radius":rn.px(0),"border-bottom-right-radius":rn.px(0),"border-bottom-left-radius":rn.px(0)},n=t.split(" ").filter((function(t){return rn.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)&&Bj(e.prototype,n),r&&Bj(e,r),t}(),Fj=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 Gj(t,e,n,r){for(var o=Fj(zj.parseStyle(n)),i=Fj(zj.parseStyle(r)),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++)c[u]=Mj(t,e,o[u],i[u]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function Hj(t){return(Hj="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xj(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Nj(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Kj(t,e){for(var n=0;n<e.length;n++){var 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){return!e||"object"!==Hj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uj(t,e,n){return(Uj="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 qj(t,e){return(qj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Jj=function(t){function e(){return Nj(this,e),Wj(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&&qj(t,e)}(e,t),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=we(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 ke(t,r.matches)})),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:rn.parse(a[0]||"0px"),offsetY:rn.parse(a[1]||"0px"),blurRadius:rn.parse(a[2]||"0px"),spreadRadius:rn.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 Uj(Zj(e.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.px(0),spreadRadius:rn.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]:{};e%2?Yj(Object(n),!0).forEach((function(e){Xj(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Uj(Zj(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=Uj(Zj(e.prototype),"convert",this).call(this,t)).offsetX=rn.parse(t.offsetX),t.offsetY=rn.parse(t.offsetY),t.blurRadius=rn.parse(t.blurRadius),t.spreadRadius=rn.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)}}])&&Kj(n.prototype,r),o&&Kj(n,o),e}(zo);function Qj(t,e,n,r){return function(t,e){return 1===e?r:n}}function tS(t,e,n,r){var o=Fe.parse(n||"rgba(0, 0, 0, 1)"),i=Fe.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:$e(o,i,t,"rgb")}}function eS(t,e,n,r){for(var o=Jj.parseStyle(n),i=Jj.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||Jj.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||Jj.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Qj(0,0,l.inset,f.inset),offsetX:Mj(t,e,l.offsetX,f.offsetX),offsetY:Mj(t,e,l.offsetY,f.offsetY),blurRadius:Mj(t,e,l.blurRadius,f.blurRadius),spreadRadius:Mj(t,e,l.spreadRadius,f.spreadRadius),color:tS(0,0,l.color,f.color)})}return function(t,e){return Jj.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 nS(t,e,n,r){return Qj(0,0,n,r)}var rS=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 oS(){return rS(1,"start")}function iS(){return rS(1,"end")}var aS=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},cS={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 rS(t,e)},"step-start":oS,"step-end":iS,stepStart:oS,stepEnd:iS,"ease-out-elastic":aS,easeOutElastic:aS};function uS(t,e,n){return n.toDeg()}function sS(t,e,n,r){var o=rn.parse(n),i=rn.parse(r);return function(t,e){var n=uS(0,0,o),r=uS(0,0,i);return 0===e?n:1===e?r:rn.deg(n.value+(r.value-n.value)*t).to(o.unit)}}function lS(t){return(lS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 yS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dS(t,e){return!e||"object"!==lS(e)&&"function"!=typeof e?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,e,n){return(vS="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=bS(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 bS(t){return(bS=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 mS,wS=function(t){function e(){return yS(this,e),dS(this,bS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=we(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:rn.parse(i[0]||"0px"),offsetY:rn.parse(i[1]||"0px"),blurRadius:rn.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 vS(bS(e.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.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]:{};e%2?fS(Object(n),!0).forEach((function(e){pS(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},vS(bS(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=vS(bS(e.prototype),"convert",this).call(this,t)).offsetX=rn.parse(t.offsetX),t.offsetY=rn.parse(t.offsetY),t.blurRadius=rn.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)}}])&&hS(n.prototype,r),o&&hS(n,o),e}(zo);function OS(t,e,n,r){for(var o=wS.parseStyle(n),i=wS.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||wS.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||wS.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:Mj(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:Mj(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:Mj(t,e,l.blurRadius,f.blurRadius,"radius"),color:tS(0,0,l.color,f.color)})}return function(t,e){return wS.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 kS(t,e,n,r){var o={cut:Qj(0,0,n.cut,r.cut),percent:Vj(t,e,n.percent,r.percent),px:Vj(t,e,n.px,r.px),em:Vj(t,e,n.em,r.em),unit:nS(0,0,n.unit,r.unit),color:tS(0,0,n.color,r.color)};return function(t,e){return new Bc({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 jS(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?kS(t,e,c,u):Qj(0,0,c,u)}return function(t,e){return i.map((function(n){return n(t,e)}))}}function SS(t,e,n,r){var o={angle:Vj(t,e,n.angle,r.angle),colorsteps:jS(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=o.colorsteps(t,e);return new Au({angle:o.angle(t,e),colorsteps:n})}}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}PS(mS={},"center",!0),PS(mS,"top",!0),PS(mS,"left",!0),PS(mS,"right",!0),PS(mS,"bottom",!0);function xS(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 $S(t,e,n,r){n.radialPosition[0]=xS(n.radialPosition[0],"width"),n.radialPosition[1]=xS(n.radialPosition[1],"height"),r.radialPosition[0]=xS(r.radialPosition[0],"width"),r.radialPosition[1]=xS(r.radialPosition[1],"height");var o={radialType:nS(0,0,n.radialType,r.radialType),radialPositionX:Mj(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Mj(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jS(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new os({radialType:o.radialType(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function ES(t,e,n,r){var o={angle:Vj(t,e,n.angle,r.angle),radialPositionX:Mj(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Mj(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jS(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new Es({angle:o.angle(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function _S(t,e,n,r){var o={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)o.image=Qj(0,0,n,r);else if(n.type!=r.type)o.image=Qj(0,0,n,r);else switch(n.type){case"linear-gradient":o.image=SS(t,e,n,r);break;case"repeating-linear-gradient":o.image=function(t,e,n,r){var o=SS(t,e,n,r);return function(t,e){var n=o(t,e),r=new Yu({angle:n.angle,colorsteps:n.colorsteps});return console.log(r),r}}(t,e,n,r);break;case"radial-gradient":o.image=$S(t,e,n,r);break;case"repeating-radial-gradient":o.image=function(t,e,n,r){var o=$S(t,e,n,r);return function(t,e){var n=o(t,e);return new ys({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":o.image=ES(t,e,n,r);break;case"repeating-conic-gradient":o.image=function(t,e,n,r){var o=ES(t,e,n,r);return function(t,e){var n=o(t,e);return new Is({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return o.image(t,e)}}function CS(t,e,n,r){for(var o=Zs.parseStyle(J(n)),i=Zs.parseStyle(J(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:Aj(0,0,l.image),size:Aj(0,0,l.size),width:Aj(0,0,l.width),height:Aj(0,0,l.height),x:Aj(0,0,l.x),y:Aj(0,0,l.y),blendMode:Aj(0,0,l.blendMode),repeat:Aj(0,0,l.repeat)}):!l&&f?c.push({image:Aj(0,0,f.image),size:Aj(0,0,f.size),width:Aj(0,0,f.width),height:Aj(0,0,f.height),x:Aj(0,0,f.x),y:Aj(0,0,f.y),blendMode:Aj(0,0,f.blendMode),repeat:Aj(0,0,f.repeat)}):l&&f&&c.push({image:_S(t,e,l.image,f.image),size:nS(0,0,l.size,f.size),width:Mj(t,e,l.width,f.width,"width","self"),height:Mj(t,e,l.height,f.height,"height","self"),x:Mj(t,e,l.x,f.x,"width","self"),y:Mj(t,e,l.y,f.y,"height","self"),blendMode:nS(0,0,l.blendMode,f.blendMode),repeat:nS(0,0,l.repeat,f.repeat)})}return function(t,e){return Zs.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 TS(t){return(TS="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 DS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DS(Object(n),!0).forEach((function(e){AS(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AS(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function IS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MS(t,e,n){return e&&LS(t.prototype,e),n&&LS(t,n),t}function BS(t,e){return!e||"object"!==TS(e)&&"function"!=typeof e?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){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function HS(t,e){return(HS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YS=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,XS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zS(FS(e.prototype),"getDefaultObject",this).call(this,VS({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=rP[t.type];return e?new e(t):new KS({value:t.type})}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=we(t);return(r.str.match(YS)||[]).forEach((function(t,o){var i=RS(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:rn.parse(l[0]),offsetY:rn.parse(l[1]),blurRadius:rn.parse(l[2]),color:s[0]||"rgba(0, 0, 0, 1)"})}else n[o]=e.parse({type:a,value:rn.parse(c)})})),n}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(" ")}}]),e}(zo),NS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"blur",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return VS({},zS(FS(e.prototype),"toCloneObject",this).call(this),{value:rn.parse(this.json.value)})}}]),e}(XS);NS.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:rn.px(0)};var KS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"svg",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return VS({},zS(FS(e.prototype),"toCloneObject",this).call(this),{value:rn.parse(this.json.value)})}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),e}(XS);KS.spec={inputType:"select",defaultValue:""};var WS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return VS({},zS(FS(e.prototype),"toCloneObject",this).call(this),{value:rn.parse(this.json.value)})}}]),e}(XS);WS.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(0)};var US=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:e.spec.defaultValue})}}]),e}(XS);US.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:rn.deg(0)};var ZS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"invert",value:e.spec.defaultValue})}}]),e}(XS);ZS.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(0)};var qS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:e.spec.defaultValue})}}]),e}(XS);qS.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var JS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:e.spec.defaultValue})}}]),e}(XS);JS.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var QS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:e.spec.defaultValue})}}]),e}(XS);QS.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var tP=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:e.spec.defaultValue})}}]),e}(XS);tP.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var eP=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:e.spec.defaultValue})}}]),e}(XS);eP.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(0)};var nP=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(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}(XS);nP.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:rn.px(0),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:rn.px(0),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:rn.px(0),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var rP={blur:NS,grayscale:WS,"hue-rotate":US,invert:ZS,brightness:qS,contrast:JS,opacity:QS,saturate:tP,sepia:eP,"drop-shadow":nP,svg:KS},oP={BlurFilter:NS,GrayscaleFilter:WS,HueRotateFilter:US,InvertFilter:ZS,BrightnessFilter:qS,ContrastFilter:JS,OpacityFilter:QS,SaturateFilter:tP,SepiaFilter:eP,DropshadowFilter:nP,URLSvgFilter:KS};function iP(t,e,n,r){var o={type:nS(0,0,n.type,r.type),value:Qj(0,0,n.value,r.value)};switch(n.type){case"blur":o.value=Mj(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=Vj(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":o.offsetX=Mj(t,e,n.offsetX,r.offsetX,"width","self"),o.offsetY=Mj(t,e,n.offsetY,r.offsetY,"height","self"),o.blurRadius=Mj(t,e,n.blurRadius,r.blurRadius,"width","self"),o.spreadRadius=Mj(t,e,n.spreadRadius,r.spreadRadius,"width","self"),o.color=tS(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 aP(t,e,n,r){for(var o=XS.parseStyle(n),i=XS.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(Aj(0,0,l)):!l&&f?c.push(Aj(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Qj(0,0,l,f)):c.push(iP(t,e,l,f))}return function(t,e){return XS.join(c.map((function(n){return n(t,e)})))}}function cP(t,e,n,r){var o=Ld.parseStyle(n),i=Ld.parseStyle(r),a={type:Qj(0,0,o.type,o.type),value:Qj(0,0,n,r)};if(o.type==i.type&&"none"!=o)switch(o.type){case"circle":o.value=Ld.parseStyleForCircle(o.value),i.value=Ld.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=Qj(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=Mj(t,e,n.radius,r.radius,"width","self"),o.x=Mj(t,e,n.x,r.x,"width","self"),o.y=Mj(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=Ld.parseStyleForEllipse(o.value),i.value=Ld.parseStyleForEllipse(i.value),a.value=function(t,e,n,r){var o={radiusX:Mj(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:Mj(t,e,n.radiusY,r.radiusY,"height","self"),x:Mj(t,e,n.x,r.x,"width","self"),y:Mj(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=Ld.parseStyleForInset(o.value),i.value=Ld.parseStyleForInset(i.value),a.value=function(t,e,n,r){var o={top:Vj(t,e,n.top.value,r.top.value,n.top.unit),left:Vj(t,e,n.left.value,r.left.value,n.left.unit),right:Vj(t,e,n.right.value,r.right.value,n.right.unit),bottom:Vj(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Qj(0,0,n.round,r.round),topRadius:Vj(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Vj(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Vj(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Vj(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(" "),y=[u,f,l,s].join(" ");return"".concat(p," ").concat(c&&y.trim()?"round ".concat(y):"")}}(t,e,o.value,i.value);break;case"polygon":o.value=Ld.parseStyleForPolygon(o.value),i.value=Ld.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:Aj(0,0,c.x),y:Aj(0,0,c.y)}):!c&&u?i.push({x:Aj(0,0,u.x),y:Aj(0,0,u.y)}):i.push({x:Mj(t,e,c.x,u.x,"width","self"),y:Mj(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=Ld.parseStyleForPath(o.value),i.value=Ld.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 uP(t,e,n,r){for(var o={type:Qj(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(Mj(t,e,u,s,n.type)):i.push(Mj(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 sP(t,e,n,r){for(var o={type:Qj(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(Vj(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(Vj(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 rn.number(t)}))),{type:r,value:n}}}function lP(t,e,n,r){for(var o={type:Qj(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(sS(0,0,u,s)):i.push(sS(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 fP(t,e,n,r){for(var o=ti.parseStyle(n.trim()),i=ti.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(Aj(0,0,s));else if(!s&&l)c.push(Aj(0,0,l));else if(s.type!=l.type)c.push(Qj(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(uP(t,e,s,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(lP(0,0,s,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(sP(t,e,s,l))}}return function(t,e){return ti.join(c.map((function(n){return n(t,e)})))}}function pP(t,e,n,r){for(var o=n.split(" ").map((function(t){return rn.parse(t)})),i=r.split(" ").map((function(t){return rn.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Mj(t,e,s,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function yP(t,e,n,r){for(var o=n.split(" ").map((function(t){return rn.parse(t)})),i=r.split(" ").map((function(t){return rn.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Mj(t,e,s,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function hP(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(Vj(t,e,s,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}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 vP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 bP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 wP(t){return(wP=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)}var kP=/[\b\t \,]/g,jP=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return bP(this,e),mP(this,wP(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&&OP(t,e)}(e,t),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;L(t)&&(t=t.join(" "));for(var e=t.trim().split(kP).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 ha,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=vP(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()}}])&&gP(n.prototype,r),o&&gP(n,o),e}(aa);function SP(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(Vj(t,e,s,c)):!s&&l?i.push(Vj(t,e,a,l)):i.push(Vj(t,e,s,l))}return function(t,e){return i.map((function(n){return n(t,e)}))}}function PP(t,e,n,r){for(var o=new aa,i=new aa(n),a=new aa(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:Aj(0,0,l.command),values:SP(t,e,l.values,f.values)}):u.push({command:Aj(0,0,l.command),values:Aj(0,0,l.values)}):u.push({command:Qj(0,0,l.command,f.command),values:Qj(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 xP(t,e,n,r){for(var o=new jP,i=new jP(n),a=new jP(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,y=0;y<c;y++){var h=i.segments[y],d=a.segments[y];h&&!d?u.push({x:Vj(t,e,h.x,f),y:Vj(t,e,h.y,p)}):!h&&d?u.push({x:Vj(t,e,s,d.x),y:Vj(t,e,l,d.y)}):u.push({x:Vj(t,e,h.x,d.x),y:Vj(t,e,h.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 $P(t,e,n,r){var o={x:Vj("","",t,n),y:Vj("","",e,r)};return function(t,e){return{x:o.x(t,e),y:o.y(t,e)}}}function EP(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 _j(a,e)}}function _P(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 Ej(u,e)}}function CP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 TP(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var o=CP(t.values,2),i=o[0],a=o[1];n=[i,a];break;case"m":var c=CP(n,2),u=c[0],s=c[1],l=CP(t.values,2);i=l[0],a=l[1];n=[i+=u,a+=s];break;case"L":var f=CP(n,2),p=(u=f[0],s=f[1],CP(t.values,2));i=p[0],a=p[1];e.push({command:t.command,values:[u,s,i,a],length:vt(u,s,i,a),interpolate:$P(u,s,i,a)}),n=[i,a];break;case"l":var y=CP(n,2),h=(u=y[0],s=y[1],CP(t.values,2));i=h[0],a=h[1];i+=u,a+=s,e.push({command:t.command,values:[u,s,i,a],length:vt(u,s,i,a),interpolate:$P(u,s,i,a)}),n=[i,a];break;case"C":var d=CP(n,2),v=(u=d[0],s=d[1],CP(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:wj(u,s,b,g,m,w,i,a),interpolate:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"c":var O=CP(n,2),k=(u=O[0],s=O[1],CP(t.values,6));b=k[0],g=k[1],m=k[2],w=k[3],i=k[4],a=k[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:wj(u,s,b,g,m,w,i,a),interpolate:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"Q":var j=CP(n,2),S=(u=j[0],s=j[1],CP(t.values,4));b=S[0],g=S[1],i=S[2],a=S[3];e.push({command:t.command,values:[u,s,b,g,i,a],length:Oj(u,s,b,g,i,a),interpolate:EP(u,s,b,g,i,a)}),n=[i,a];break;case"q":var P=CP(n,2),x=(u=P[0],s=P[1],CP(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:Oj(u,s,b,g,i,a),interpolate:EP(u,s,b,g,i,a)}),n=[i,a];break;case"S":var $=CP(n,2),E=(u=$[0],s=$[1],CP(t.values,4)),_=(m=E[0],w=E[1],i=E[2],a=E[3],e[e.length-1]);if(["C","c","S","s"].includes(_.command)){var C=CP(_.values,8),T=(C[0],C[1],C[2],C[3],C[4]),R=C[5],D=C[6],V=C[7],A=Ji.getReversePoint({x:D,y:V},{x:T,preC1y:R});b=A.x,g=A.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:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"s":var I=CP(n,2),L=(u=I[0],s=I[1],CP(t.values,4));m=L[0],w=L[1],i=L[2],a=L[3];m+=u,i+=u,w+=s,a+=s;_=e[e.length-1];if(["C","c","S","s"].includes(_.command)){var M=CP(_.values,8),B=(M[0],M[1],M[2],M[3],T=M[4],R=M[5],D=M[6],V=M[7],Ji.getReversePoint({x:D,y:V},{x:T,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:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"T":var z=CP(n,2),F=(u=z[0],s=z[1],CP(t.values,2));i=F[0],a=F[1],_=e[e.length-1];if(["Q","q","T","t"].includes(_.command)){var G=CP(_.values,6),H=(G[0],G[1],T=G[2],R=G[3],D=G[4],V=G[5],Ji.getReversePoint({x:D,y:V},{x:T,preC1y:R}));b=H.x,g=H.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:Oj(u,s,b,g,i,a),interpolate:EP(u,s,b,g,i,a)}),n=[i,a]}break;case"t":var Y=CP(n,2),X=(u=Y[0],s=Y[1],CP(t.values,2));i=X[0],a=X[1];i+=u,a+=s;_=e[e.length-1];if(["Q","q","T","t"].includes(_.command)){var N=CP(_.values,6),K=(N[0],N[1],T=N[2],R=N[3],D=N[4],V=N[5],Ji.getReversePoint({x:D,y:V},{x:T,preC1y:R}));b=K.x,g=K.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:Oj(u,s,b,g,i,a),interpolate:EP(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 RP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function VP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 AP(t,e,n,r,o){var i=VP(n.split(",").map((function(t){return t.trim()})),4),a=i[0],c=i[1],u=i[2],s=i[3],l={id:a,distance:rn.parse(c||"0%"),rotateStatus:u||"auto",rotate:rn.parse(s||"0deg")},f=function(t,e){return{x:x,y:y}},p=0,h=0;if(o){var d=o.searchById(l.id);d&&(p=d.screenX.value,h=d.screenY.value),f=function(t,e,n){var r=TP(new aa(d.d||"").segments),o=r.totalLength,i=r.interpolateList,a=l.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 s=(e-c.startT)/(c.endT-c.startT),f=n(s);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RP(Object(n),!0).forEach((function(e){DP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},c.interpolate(f,s,n),{totalLength:c.totalLength})}}return function(e,n,r){var o=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return rn.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"===l.rotateStatus);else{var s=c,y=0;n<1&&(y=1/c.totalLength);var d=f(e+y,n+y,r),v=bt(d.x-s.x,d.y-s.y),b=rn.deg(function(t,e){var n=0;switch(t){case"angle":n=l.rotate.value;break;case"auto angle":n=e+l.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(l.rotateStatus,v));t.reset({transform:ti.rotate(t.transform,b)})}return u}}function IP(t,e,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var o=r.length-1,i=0;return function(t,e){return 0===e?"":1===e?r:r.substring(i,Math.floor((o-i)*e))}}function LP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 MP(t,e,n,r,o,i){var a=i.$("video").el,c=LP(n.split(":"),3),u=c[0],s=(c[1],+(u||0)*+(c[2]||1));return function(e,n){0===n?(a.currentTime=s,a.paused&&a.play()):1===n?(t.reset({currentTime:a.currentTime}),a.pause()):a.paused&&a.play()}}function BP(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 zP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 FP=function(){return function(t,e){}};function GP(t,e,n,r,o,i,a){var c=o||e;switch(c){case"width":case"x":return Mj(t,e,n,r,"width");case"height":case"y":return Mj(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 Mj(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Vj(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return tS(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return nS(0,0,n,r);case"rotate":return sS(0,0,n,r)}var u=function(t){switch(t){case"border-radius":return Gj;case"border":return makeInterpolateBorder;case"box-shadow":return eS;case"text-shadow":return OS;case"background-image":case"BackgroundImageEditor":return CS;case"filter":case"backdrop-filter":return aP;case"clip-path":return cP;case"transform":return fP;case"transform-origin":return pP;case"perspective-origin":return yP;case"stroke-dasharray":return hP;case"d":return PP;case"points":return xP;case"offset-path":return AP;case"text":return IP;case"playTime":return MP}}(c);return u?u(t,e,n,r,i,a):FP}function HP(t,e,n,r,o,i,a){return GP(t,e,n,r,o,i,a)}function YP(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=zP(e,2),r=n[0],o=n[1];o=(o||"").split(")")[0].trim();var i=cS[r];if(i){var a=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return i.apply(void 0,BP(a))}return XP(t)}function XP(t){var e=xj(t);return function(t){return e(t).y}}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){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 WP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function UP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?WP(Object(n),!0).forEach((function(e){ZP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):WP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function qP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 tx(t,e,n){return(tx="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=ex(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 ex(t){return(ex=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)}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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ix(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ox(Object(n),!0).forEach((function(e){ax(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ox(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 cx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 sx(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 lx(t,e,n){return(lx="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=fx(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 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 yx=function(t){function e(){return cx(this,e),sx(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return lx(fx(e.prototype),"getDefaultObject",this).call(this,ix({itemType:"artboard",name:"New ArtBoard",width:rn.px(1e3),height:rn.px(1e3),"background-color":"white"},t))}},{key:"isLeaf",value:function(){return!1}},{key:"toCloneObject",value:function(){return ix({},lx(fx(e.prototype),"toCloneObject",this).call(this),{name:this.json.name})}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return tv.artboard}},{key:"toDefaultCSS",value:function(){return ix({},lx(fx(e.prototype),"toDefaultCSS",this).call(this))}}])&&ux(n.prototype,r),o&&ux(n,o),e}(function(t){function e(){return qP(this,e),QP(this,ex(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return tx(ex(e.prototype),"getDefaultObject",this).call(this,UP({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&tx(ex(e.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){I(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,o=this.getTimelineProperty(t,e),i=this.searchById(t),a="".concat(t,".").concat(e);if(1!==o.keyframes.length){var c=un.body().$('[data-id="'.concat(t,'"]')),u=o.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[a]=o.keyframes.map((function(t,e){var a=t,s=o.keyframes[e+1];t.editor=u,s||(s={time:t.time,value:t.value+""});var l={layer:i,layerElement:c,property:o.property,isOnlyTime:a.time===s.time,startTime:t.time,endTime:s.time,startValue:t.value,endValue:s.value,timing:t.timing,interpolateFunction:HP(i,o.property,t.value,s.value,t.editor,r,c),timingFunction:YP(t.timing)};return l.func=n.makeTimingFunction(l),l})).filter((function(t){return t}))}else this.json.compiledTimeline[a]=[]}},{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,n,t.timingFunction)}}},{key:"stop",value:function(t){var e=this.getSelectedTimeline();if(e){var n=e.currentTime;this.searchTimelineOffset(n).forEach((function(t){if("playTime"===t.property){var e=t.layerElement.$("video");e&&e.el.pause()}}))}}},{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){I(t)&&this.setTimelineCurrentTime(t);var r=n.currentTime;this.searchTimelineOffset(r).filter(e).forEach((function(t){"offset-path"===t.property||"playTime"===t.property?t.func(r):t.layer&&t.layer.reset(ZP({},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,KP(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){cc(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){cc(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=jt(),r=UP({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();if(r||(r=this.addTimeline(e,n)),r.selected=!0,t){var o=r.animations.filter((function(e){return e.id===t}));o[0]||r.animations.push({id:t,properties:[]})}}},{key:"getTimelineLayerInfo",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=ac(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:cc(t,0),totalTimecode:cc(t,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{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=uc(n,o=+o)),i>r&&(i=r);var a=ac(n,i);e.currentTime=a,e.currentTimecode=cc(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(cc(o,i))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=uc(e.fps,n)),ac(e.fps,r)<e.displayEndTime&&(e.displayEndTime=ac(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=ac(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&&(I(i)&&(a.time=i),I(r)&&(a.value=r),I(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=A(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:jt(),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",s="";a.length&&(a.sort((function(t,e){return t.time>e.time?-1:1})),c=a[0].value+"",u=a[0].timing+"",s=a[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:u,editor:s})}}},{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=cc(t,e.currentTime),e.totalTimecode=cc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return UP({},tx(ex(e.prototype),"toCloneObject",this).call(this),{timeline:Y(this.json.timeline)})}}])&&JP(n.prototype,r),o&&JP(n,o),e}(Zd));function hx(t){return(hx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dx(Object(n),!0).forEach((function(e){bx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 gx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mx(t,e){for(var n=0;n<e.length;n++){var 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"!==hx(e)&&"function"!=typeof e?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,e,n){return(Ox="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 jx(t,e){return(jx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("artboard",yx);var Sx=function(t){function e(){return gx(this,e),wx(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&&jx(t,e)}(e,t),n=e,o=[{key:"getIcon",value:function(){return tv.image}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ox(kx(e.prototype),"getDefaultObject",this).call(this,vx({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"getIcon",value:function(){return tv.image}},{key:"toCloneObject",value:function(){return vx({},Ox(kx(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 n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=this.json.src;n&&t.$("img").attr("src",r),Ox(kx(e.prototype),"updateFunction",this).call(this,t,n)}},{key:"toNestedCSS",value:function(){return this.json,vx({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity"),{},this.toClipPathCSS(),{},this.toBackgroundImageCSS(),{},this.toBorderCSS()),[{selector:"img",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=this.toCSS();return n?(delete c.left,delete c.top,"absolute"===c.position&&delete c.position,this.wrapperRootSVG(t,e,o,i,'\n        <img style="'.concat(q(c),'" src="').concat(a,' "/>\n      '))):"\n        ".concat(this.toDefString,'      \n        <img style="').concat(q(c),'" src="').concat(a,' "/>\n      ')}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src;return("\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <img src='").concat(r,"' />\n      </div>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&mx(n.prototype,r),o&&mx(n,o),e}(fv);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 xx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ex(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 _x(t){return(_x=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Cx(t,e){return(Cx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("image",Sx);var Tx=function(t){function e(){return xx(this,e),Ex(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&&Cx(t,e)}(e,t),n=e,(r=[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}])&&$x(n.prototype,r),o&&$x(n,o),e}(qc);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 Dx(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Vx(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 Ax(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ix(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ax(Object(n),!0).forEach((function(e){Lx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ax(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 Mx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 Fx(t,e,n){return(Fx="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=Gx(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 Gx(t){return(Gx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Hx(t,e){return(Hx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yx=function(t){function e(){return Mx(this,e),zx(this,Gx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hx(t,e)}(e,t),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=we(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=ke(t,n.matches),o.push.apply(o,Vx(Bc.parse(t)));else{var i=Dx(t.split(" "),5),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4];r.x1=rn.parse(a),r.y1=rn.parse(c),r.x2=rn.parse(u),r.y2=rn.parse(s),r.spreadMethod=l||"pad"}})),new e(Ix({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(t){return Fx(Gx(e.prototype),"getDefaultObject",this).call(this,Ix({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Ix({},Fx(Gx(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(Q({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,")")}}])&&Bx(n.prototype,r),o&&Bx(n,o),e}(Tx);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 Nx(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Kx(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 Wx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ux(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wx(Object(n),!0).forEach((function(e){Zx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zx(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qx(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 t$(t,e,n){return(t$="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=e$(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 e$(t){return(e$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n$(t,e){return(n$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var r$=function(t){function e(){return qx(this,e),Qx(this,e$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n$(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=we(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=ke(t,n.matches),o.push.apply(o,Kx(Bc.parse(t)));else{var i=Nx(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(Ux({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t$(e$(e.prototype),"getDefaultObject",this).call(this,Ux({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 Ux({},t$(e$(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(Q({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,")")}}])&&Jx(n.prototype,r),o&&Jx(n,o),e}(Tx);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 i$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function a$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function c$(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 s$(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 l$(t,e,n){return(l$="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 p$(t,e){return(p$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y$=function(t){function e(){return c$(this,e),s$(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&&p$(t,e)}(e,t),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new Bc({color:t,percent:0,index:0}),new Bc({color:t,percent:100,index:0})]})}}],(r=[{key:"getDefaultObject",value:function(){return l$(f$(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Bc({color:"red",percent:0,index:0}),new Bc({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]:{};e%2?i$(Object(n),!0).forEach((function(e){a$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):i$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},l$(f$(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}}])&&u$(n.prototype,r),o&&u$(n,o),e}(Tx);function h$(t){return(h$="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 v$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function b$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?v$(Object(n),!0).forEach((function(e){g$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):v$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 O$(t,e){return!e||"object"!==h$(e)&&"function"!=typeof e?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,e,n){return(k$="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 S$(t,e){return(S$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var P$=["jpg","jpeg","png","gif","svg"];var x$=function(t){function e(){return m$(this,e),O$(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&&S$(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=d$(t.split("(")[1].split(")")[0].trim().split("#"),2),r=n[0],o=n[1];if(!o)return new e({url:r});var i=d$(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 P$.includes(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return k$(j$(e.prototype),"getDefaultObject",this).call(this,b$({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return b$({},k$(j$(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=this.json,e=t.patternUnits,n=t.patternWidth,r=t.patternHeight,o=t.imageX,i=t.imageY,a=t.imageWidth,c=t.imageHeight,u=t.url,s=[e,n,r,o,i,a,c].join(",").trim();return"url(".concat(u,"#").concat(s,")")}},{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(Q({id:t,patternUnits:n,width:r,height:o}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(Q({x:i,y:a,width:c,height:u,preserveAspectRatio:"none"})," />\n  </pattern>\n      "))}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&w$(n.prototype,r),o&&w$(n,o),e}($c);function $$(t){return($$="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?E$(Object(n),!0).forEach((function(e){C$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function C$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function T$(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 D$(t,e){return!e||"object"!==$$(e)&&"function"!=typeof e?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 A$(t,e){return(A$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var I$=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,L$=function(t){function e(){return T$(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&&A$(t,e)}(e,t),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 Yx(_$({},r,{colorsteps:n}));case"radial-gradient":return new r$(_$({},r,{colorsteps:n}));default:return new y$(_$({},r,{colorsteps:n}))}}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=we(t),n=null,r=e.str.match(I$);return r?(r.forEach((function(t,r){t=ke(t,e.matches),n=t.includes("linear")?Yx.parse(t):t.includes("radial")?r$.parse(t):t.includes("url")?x$.parse(t):y$.parse(t)})),n):y$.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Yx(t);case"radial-gradient":return new r$(t);case"image-resource":case"url":return new x$(t);default:return new y$(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}}])&&R$(n.prototype,r),o&&R$(n,o),e}(zo);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 B$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?B$(Object(n),!0).forEach((function(e){F$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):B$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function F$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function G$(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function H$(t,e){for(var n=0;n<e.length;n++){var 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"!==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 X$(t,e,n){return(X$="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=N$(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 N$(t){return(N$=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 W$=function(t){function e(){return G$(this,e),Y$(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&&K$(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return X$(N$(e.prototype),"getDefaultObject",this).call(this,z$({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 z$({},X$(N$(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 z$({},X$(N$(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 z$({},this.toDefaultSVGCSS(),{},this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"toLayoutCSS",value:function(){return{}}},{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(un.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 L$.parseImage(this.json.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return L$.parseImage(this.json.stroke||"black").toSVGString(this.strokeId)}},{key:"toFillValue",get:function(){return L$.parseImage(this.json.fill||"transparent").toFillValue(this.fillId)}},{key:"toFillOpacityValue",get:function(){return Fe.parse(this.json.fill||"transparent").a}},{key:"toStrokeValue",get:function(){return L$.parseImage(this.json.stroke||"black").toFillValue(this.strokeId)}},{key:"toFilterValue",get:function(){return this.json.svgfilter?"url(#".concat(this.json.svgfilter,")"):""}}])&&H$(n.prototype,r),o&&H$(n,o),e}(fv);function U$(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)}}var q$=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=U$(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=U$(t.dataTransfer.files)),[].concat(U$(e),U$(n))}}],(n=null)&&Z$(e.prototype,n),r&&Z$(e,r),t}(),J$=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],Q$=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],tE=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),eE={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},nE={d:!0},rE={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},oE=function(t){return eE[t]||!1},iE=function(t){return nE[t]||!1},aE=function(t){return rE[t]||!1};function cE(t){return(cE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uE(Object(n),!0).forEach((function(e){lE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pE(t,e){for(var n=0;n<e.length;n++){var 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"!==cE(e)&&"function"!=typeof e?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,e,n){return(hE="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=dE(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 dE(t){return(dE=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 bE=function(t){function e(){return fE(this,e),yE(this,dE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIcon",value:function(){return tv.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return hE(dE(e.prototype),"getDefaultObject",this).call(this,sE({itemType:"svg-path",name:"New Path","stroke-width":5,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 aa(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.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=hE(dE(e.prototype),"convert",this).call(this,t)).d&&(t.path=new aa(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return sE({},hE(dE(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,segments:Y(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return oE(t.property)&&iE(t.property)})),n=t.filter((function(t){return aE(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path");r.attr("d",this.json.d),e&&(r.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),n&&(this.json.totalLength=r.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(Q(sE({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:q(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(tt(e),"'  ").concat(Q({"motion-based":this.json["motion-based"],xmlns:"http://www.w3.org/2000/svg"}),'  data-id="').concat(t,'" >\n    ').concat(this.toDefString,"\n    <path ").concat(Q({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)}}])&&pE(n.prototype,r),o&&pE(n,o),e}(W$);function gE(t){return(gE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 wE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wE(Object(n),!0).forEach((function(e){kE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}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 jE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PE(t,e){return!e||"object"!==gE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xE(t,e,n){return(xE="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=$E(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 $E(t){return($E=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function EE(t,e){return(EE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("svg-path",bE);var _E=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,CE=function(t){function e(){return jE(this,e),PE(this,$E(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EE(t,e)}(e,t),n=e,o=[{key:"toCSS",value:function(t){return new ClipPath(t).toCSS()}},{key:"toString",value:function(t){return ClipPath.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new ClipPath(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(_E)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=mE(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 rn("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=mE(t.split("at").map((function(t){return t.trim()})),2);e=r[0],n=r[1]}else n=t.trim();var o=mE(n.split(" "),2),i=o[0],a=o[1];return A(a)&&(a=i),{radius:e,x:i=rn.parse(i),y:a=rn.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=t.split("at").map((function(t){return t.trim()})),o=mE(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=mE(i,2),c=a[0],u=a[1];A(u)&&(u=c),c=rn.parse(c),u=rn.parse(u);var s=e.split(" "),l=mE(s,2),f=l[0],p=l[1];return A(p)&&(p=f),{radiusX:f=rn.parse(f),radiusY:p=rn.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=mE(e,2),r=n[0],o=n[1],i=Sd.parse(r),a=mE(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=Sd.parse(o),y=mE(p,5),h=y[0],d=y[1],v=y[2],b=y[3],g=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:g}}},{key:"parseStyleForPolygon",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=mE(t.trim().split(" "),2),n=e[0],r=e[1];return{x:rn.parse(n),y:rn.parse(r)}}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return xE($E(e.prototype),"getDefaultObject",this).call(this,OE({itemType:"shape",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return OE({},xE($E(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()}}}])&&SE(n.prototype,r),o&&SE(n,o),e}(zo);function TE(t){return(TE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RE(Object(n),!0).forEach((function(e){VE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function AE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 LE(t,e){return!e||"object"!==TE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ME(t,e,n){return(ME="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=BE(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 BE(t){return(BE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zE(t,e){return(zE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FE=function(t){function e(){return AE(this,e),LE(this,BE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zE(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ME(BE(e.prototype),"getDefaultObject",this).call(this,DE({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":rn.number(100),textLength:rn.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"toShapeInsideCSS",value:function(){var t=this.json["shape-inside"];switch(CE.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.shapeInsideId,")")}return{"shape-inside":t,"inline-size":this.json.width}}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new aa(t.d),t.segments&&this.json.path.resetSegment(t.segments)}},{key:"setCache",value:function(){this.rect=this.clone()}},{key:"convert",value:function(t){return(t=ME(BE(e.prototype),"convert",this).call(this,t)).textLength=rn.parse(t.textLength),t}},{key:"toCloneObject",value:function(){var t=this.json;return DE({},ME(BE(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,text:t.text,textLength:"".concat(t.textLength),lengthAdjust:t.lengthAdjust,"shape-inside":t["shape-inside"]})}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return oE(t.property)})),n=t.filter((function(t){return aE(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:e}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.$("text");n.text(this.json.text),n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue,y:this.json["font-size"]||"13px",textLength:this.json.textLength,lengthAdjust:this.json.lengthAdjust}),this.updateDefString(t)}}},{key:"toNestedCSS",value:function(){return[{selector:"> text",css:DE({},this.toShapeInsideCSS())}]}},{key:"toSVGCSS",value:function(){return DE({},ME(BE(e.prototype),"toSVGCSS",this).call(this),{},this.toShapeInsideCSS())}},{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;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">    \n      ').concat(this.toDefString,"\n      <text ").concat(Q(DE({class:"svg-text-item"},this.toSVGAttribute(),{textLength:r,lengthAdjust:o,y:this.json["font-size"]||"13px",style:q(this.toSVGCSS())}))," >").concat(this.json.text,"</text>\n    </g>")}},{key:"toShapeInside",get:function(){var t=CE.parseStyle(this.json["shape-inside"]),e=t.value;switch(t.type){case"path":return'<path d="'.concat(e,'" id="').concat(this.shapeInsideId,'" />')}return""}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n        ").concat(this.toShapeInside,"\n    ")}},{key:"shapeInsideId",get:function(){return this.getInnerId("shape-inside")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.textLength,r=t.lengthAdjust;return("\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString,"\n      <text ").concat(Q({class:"svg-text-item",textLength:n,lengthAdjust:r,y:this.json["font-size"]||"13px"})," >").concat(this.json.text,"</text>\n  </svg>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&IE(n.prototype,r),o&&IE(n,o),e}(W$);function GE(t){return(GE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HE(Object(n),!0).forEach((function(e){XE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 NE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function KE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WE(t,e){return!e||"object"!==GE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UE(t,e,n){return(UE="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=ZE(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 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)}Ci.registerComponent("svgtext",FE);var JE=function(t){function e(){return NE(this,e),WE(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,t),n=e,(r=[{key:"getIcon",value:function(){return tv.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return UE(ZE(e.prototype),"getDefaultObject",this).call(this,YE({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:rn.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:rn.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 aa(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=UE(ZE(e.prototype),"convert",this).call(this,t)).path=new aa(t.d),t.textLength=rn.parse(t.textLength),t.startOffset=rn.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){var t=this.json;return YE({},UE(ZE(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 oE(t.property)})),n=t.filter((function(t){return iE(t.property)})),r=t.filter((function(t){return aE(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(Q(YE({class:"svg-textpath-item"},this.toSVGAttribute(),{style:q(this.toSVGCSS())}))," >\n        <textPath ").concat(Q({"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(Q({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(Q({class:"svg-textpath-item"})," >\n        <textPath ").concat(Q({"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)}}])&&KE(n.prototype,r),o&&KE(n,o),e}(W$);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 t_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?t_(Object(n),!0).forEach((function(e){n_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):t_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function n_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 a_(t,e,n){return(a_="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=c_(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 c_(t){return(c_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function u_(t,e){return(u_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("svg-textpath",JE);var s_=function(t){function e(){return r_(this,e),i_(this,c_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u_(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return a_(c_(e.prototype),"getDefaultObject",this).call(this,e_({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 e_({},a_(c_(e.prototype),"toCloneObject",this).call(this),{content:this.json.content})}},{key:"updateFunction",value:function(t){var e=this.json.content;t.updateDiff(e)}},{key:"toCSS",value:function(){var t=a_(c_(e.prototype),"toCSS",this).call(this);return t.margin=t.margin||"0px",t}},{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,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(Q({width:r.value,height:o.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <p style="').concat(q(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)}}])&&o_(n.prototype,r),o&&o_(n,o),e}(fv);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 f_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function p_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f_(Object(n),!0).forEach((function(e){y_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 h_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function v_(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 b_(t,e,n){return(b_="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 m_(t,e){return(m_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("text",s_);var w_=function(t){function e(){return h_(this,e),v_(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&&m_(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return b_(g_(e.prototype),"getDefaultObject",this).call(this,p_({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}])&&d_(n.prototype,r),o&&d_(n,o),e}(fv);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 k_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function j_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?k_(Object(n),!0).forEach((function(e){S_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):k_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function S_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function P_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 E_(t,e,n){return(E_="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)););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){return(__=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)}Ci.registerComponent("rect",w_);var T_=function(t){function e(){return P_(this,e),$_(this,__(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIcon",value:function(){return tv.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return E_(__(e.prototype),"getDefaultObject",this).call(this,j_({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}])&&x_(n.prototype,r),o&&x_(n,o),e}(fv);function R_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function D_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function V_(t){var e=YP("linear"),n=TP(t.segments),r=n.totalLength,o=n.interpolateList;return{totalLength:r,xy:function(t){t>1&&(t-=1);var n=o[0];if(0===t)n=o[0];else if(1===t)n=o[o.length-1];else{var r=o.find((function(e){return e.startT<=t&&t<e.endT}));r&&(n=r)}var i=(t-n.startT)/(n.endT-n.startT),a=e(i);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?R_(Object(n),!0).forEach((function(e){D_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):R_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},n.interpolate(a,i,e),{newT:i,t:t,totalLength:n.totalLength})}}}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 I_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function L_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I_(Object(n),!0).forEach((function(e){M_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function M_(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 G_(t,e,n){return(G_="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=H_(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 H_(t){return(H_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y_(t,e){return(Y_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("circle",T_);var X_=function(t){function e(){return B_(this,e),F_(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&&Y_(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.brush}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return G_(H_(e.prototype),"getDefaultObject",this).call(this,L_({itemType:"svg-brush",name:"New Brush",d:"",segments:[],totalLength:0,distance: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 aa(t.d),t.segments&&this.json.path.resetSegment(t.segments),t.rect&&(this.json.width=rn.px(t.rect.width),this.json.height=rn.px(t.rect.height),this.setScreenX(rn.px(t.rect.x)),this.setScreenY(rn.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=G_(H_(e.prototype),"convert",this).call(this,t)).d&&(t.path=new aa(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return L_({},G_(H_(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,segments:Y(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Brush"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return oE(t.property)&&iE(t.property)})),n=t.filter((function(t){return aE(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path.svg-brush-item");if(r.attr("d",this.json.d),e){this.updateDefString(t);var o=t.$(".svg-brush-items");o.attr("filter",this.toFilterValue),o.attr("fill",this.toFillValue),o.attr("fill-opacity",this.toFillOpacityValue),o.updateSVGDiff(this.makeBrushItem(this.json["stroke-width"]))}n&&(this.json.totalLength=r.totalLength)}},{key:"makeBrushShape",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return arguments.length>3&&void 0!==arguments[3]&&arguments[3],"\n      <circle ".concat(Q({cx:t,cy:e,r:n,transform:"rotate(".concat(360*Math.random(),", ").concat(t,", ").concat(e,")")}),"></circle>\n    ")}},{key:"makeBrushItem",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.makeBrushItemRate().map((function(n){return t.makeBrushShape(n.x,n.y,e*n.scale,n.t)})).join("")}},{key:"makeBrushItemRate",value:function(){var t=this.json,e=t.d,n=t.totalLength,r=t.distance;return function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=V_(t),o=r.totalLength,i=r.xy,a=o/e,c=n/o,u=a/o+c,s=[],l=1,f=0;f<e;f++){var p=f*u;if(p>l)break;s.push(i(p))}return s}(new aa(e),n,r).map((function(t){return L_({},t,{scale:(t.t>.5?1-t.t:t.t)/.4*1.3})}))}},{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(Q(L_({class:"svg-brush-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:q(this.toSVGCSS())}))," />\n    </g>\n  ")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(G_(H_(e.prototype),"toDefInnerString",this),"\n    ")}},{key:"brushId",get:function(){return this.getInnerId("brush")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.d,r=this.makeBrushItem(this.json["stroke-width"]);return"\n  <svg class='element-item brush' data-id=\"".concat(e,'" >\n    ').concat(this.toDefString,"\n    <path class='svg-brush-item' d=\"").concat(n,'" fill="transparent" stroke="transparent" stroke-width="3" style=\'pointer-events: stroke;\' />\n    <g class=\'svg-brush-items\' style=\'pointer-events:none;\' \n        filter="').concat(this.toFilterValue,'" \n        fill="').concat(this.toFillValue,"\" \n        stroke='transparent'\n        fill-opacity=\"").concat(this.toFillOpacityValue,'"\n      >\n      ').concat(r,"\n    </g>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&z_(n.prototype,r),o&&z_(n,o),e}(W$);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function W_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?K_(Object(n),!0).forEach((function(e){U_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):K_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function U_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Z_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function q_(t,e){for(var n=0;n<e.length;n++){var 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"!==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,e,n){return(Q_="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=tC(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 tC(t){return(tC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eC(t,e){return(eC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("svg-brush",X_);var nC=function(t){function e(){return Z_(this,e),J_(this,tC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eC(t,e)}(e,t),n=e,o=[{key:"getIcon",value:function(){return tv.video}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Q_(tC(e.prototype),"getDefaultObject",this).call(this,W_({itemType:"video",name:"New Video",elementType:"video",src:"",srcType:"video/mp4",controls:!1,preload:"auto",poster:"",autoplay:!1,buffered:!1,crossorigin:"anonymous",loop:!1,muted:!1,played:!1,currentTime:0,playbackRate:1,playTime:"0:1:1"},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Video"}},{key:"getIcon",value:function(){return tv.video}},{key:"toCloneObject",value:function(){return W_({},Q_(tC(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:"updateDiff",value:function(t,e){t.el[e]!=this.json[e]&&(t.el[e]=this.json[e])}},{key:"updateFunction",value:function(t){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]:null,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a=this.json;if(a.src,a.currentTime,a.playbackRate,n){var c=t.$("video");c&&(i||(this.updateDiff(c,"currentTime"),this.updateDiff(c,"playbackRate"),this.updateDiff(c,"volume")))}Q_(tC(e.prototype),"updateFunction",this).call(this,t,n,r,o)}},{key:"toNestedCSS",value:function(){return[{selector:"video",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=r.srcType,u=this.toCSS();return n?(delete u.left,delete u.top,"absolute"===u.position&&delete u.position,this.wrapperRootSVG(t,e,o,i,'\n        <video controls width="250" style="'.concat(q(u),'" >\n          <source src="').concat(a,'"\n                  type="').concat(c,"\">\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      "))):"\n        ".concat(this.toDefString,'      \n        <video src="').concat(a,'" controls width="250" style="').concat(q(u),"\" >\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      ")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src,o=t.controls,i=t.muted,a=t.poster,c=t.loop,u=t.crossorigin,s=t.autoplay;return("\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <video ").concat(Q({controls:o,src:r,muted:i,poster:a,loop:c,crossorigin:u,autoplay:s}),">\n          Sorry, your browser doesn't support embedded videos.\n        </video>\n      </div>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&q_(n.prototype,r),o&&q_(n,o),e}(fv);Ci.registerComponent("video",nC);var rC,oC,iC,aC,cC,uC,sC={Project:kk,ArtBoard:yx,Layer:fv,RectLayer:w_,CircleLayer:T_,ImageLayer:Sx,TextLayer:s_,VideoLayer:nC,SVGPathItem:bE,SVGBrushItem:X_,SVGTextItem:FE,SVGTextPathItem:JE,Component:Ck,CubeLayer:Nk,CylinderLayer:uj};function lC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var pC=fC({},"move",!0),yC=(fC(rC={},"to right",!0),fC(rC,"to top right",!0),fC(rC,"to bottom right",!0),rC),hC=(fC(oC={},"to left",!0),fC(oC,"to top left",!0),fC(oC,"to bottom left",!0),oC),dC=(fC(iC={},"to top",!0),fC(iC,"to top right",!0),fC(iC,"to top left",!0),iC),vC=(fC(aC={},"to bottom",!0),fC(aC,"to bottom left",!0),fC(aC,"to bottom right",!0),aC),bC=(fC(cC={},"to right",2),fC(cC,"to top right",2),fC(cC,"to bottom right",2),fC(cC,"to left",0),fC(cC,"to top left",0),fC(cC,"to bottom left",0),cC),gC=(fC(uC={},"to bottom",2),fC(uC,"to bottom left",2),fC(uC,"to bottom right",2),fC(uC,"to top",0),fC(uC,"to top left",0),fC(uC,"to top right",0),uC),mC=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 pC[t]}},{key:"isTop",value:function(t){return dC[t]}},{key:"isRight",value:function(t){return yC[t]}},{key:"isBottom",value:function(t){return vC[t]}},{key:"isLeft",value:function(t){return hC[t]}},{key:"getXDirection",value:function(t){return bC[t]}},{key:"getYDirection",value:function(t){return gC[t]}}],(n=null)&&lC(e.prototype,n),r&&lC(e,r),t}();function wC(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 OC(t,e){for(var n=0;n<e.length;n++){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 kC=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return rn.px(t).round(e)},jC=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}var e,n,r;return e=t,(n=[{key:"makeGuideCache",value:function(){var t=this,e=this.$selection.currentArtboard;return this.cachedExtraItems=[],e&&(this.$selection.isArtBoard()?this.cachedExtraItems=[]:this.cachedExtraItems=e.allLayers.filter((function(e){return!t.$selection.check(e)||e.is("artboard")&&t.$selection.currentArtboard!=e})),this.rect=this.$selection.allRect?this.$selection.allRect.clone():null),this.cachedPosition={},this.$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=this.$selection.allRect;this.pointerType=t,"move"===t?this.rect.move(kC(r.x.value+e),kC(r.y.value+n)):(mC.isRight(t)?this.rect.resizeWidth(kC(r.width.value+e)):mC.isLeft(t)&&r.width.value-e>=0&&(this.rect.moveX(kC(r.x.value+e)),this.rect.resizeWidth(kC(r.width.value-e))),mC.isBottom(t)?this.rect.resizeHeight(kC(r.height.value+n)):mC.isTop(t)&&r.height.value-n>=0&&(this.rect.moveY(kC(r.y.value+n)),this.rect.resizeHeight(kC(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,y=f*r,h=l-s,d=h*i,v=h*a;this.setX(t,c,u,p,y),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=this.$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=this.$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]:2,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:o,bx:o})}))})),i.length){var a=mC.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]:2,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:o,by:o})}))})),i.length){var a=mC.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]:2,r=this.compareX(t,e,n),o=this.compareY(t,e,n);return{x:r,y:o}}},{key:"getLayers",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.cachedExtraItems,r=[],o=[];return n.forEach((function(n){var i=t.compare(t.rect,n,e);r.push.apply(r,wC(i.x)),o.push.apply(o,wC(i.y))})),[r[0],o[0]].filter((function(t){return I(t)}))}},{key:"calculate",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.getLayers(e);return mC.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(I(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(I(t.ax)){var e=Math.round(this.rect.width.value/2*t.source),n=t.bx-e;this.rect.x.set(n)}else if(I(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;mC.isMove(this.pointerType)?this.$selection.each((function(e){t.$selection.isInParent(e,t.$selection.items)||(t.recover(e),e.recover())})):this.$selection.each((function(e){t.recover(e),e.recover()}))}},{key:"$selection",get:function(){return this.$editor.selection}}])&&OC(e.prototype,n),r&&OC(e,r),t}();function SC(t){return(SC="function"==typeof Symbol&&"symbol"==typeof Symbol.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,n){return(PC="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=TC(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 xC(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 $C(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _C(t,e,n){return e&&EC(t.prototype,e),n&&EC(t,n),t}function CC(t,e){return!e||"object"!==SC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TC(t){return(TC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RC(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function DC(t,e){return(DC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VC={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"},AC={artboard:"artboard",rect:"rect",circle:"lens",text:"title",image:"image","svg-path":"edit","svg-textpath":"text_rotate","svg-text":"title"},IC=function(t){function e(){return $C(this,e),CC(this,TC(e).apply(this,arguments))}return RC(e,t),_C(e,[{key:"initialize",value:function(){PC(TC(e.prototype),"initialize",this).call(this),this.guideView=new jC(this.$editor)}},{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' ref='$selectionMove' title='move'>\n                <span class='icon' ref='$selectionIcon'>".concat(tv.flag,"</span>\n                <span ref='$selectionTitle'></span>\n            </div>       \n            <div class='selection-tool-item' data-position='to top'></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 right'></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    </div>")}},{key:bn('$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:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:An("$selectionView .selection-tool-item")+Hn("checkEditMode")+qn()+Jn(),value:function(t){var e;this.initMoveType(t.$dt),(e=this.parent).selectCurrent.apply(e,xC(this.$selection.items)),this.$selection.setRectCache("move"!==this.pointerType),this.initSelectionTool()}},{key:"initMoveType",value:function(t){this.$target=t||this.refs.$selectionTool.$('.selection-tool-item[data-position="move"]'),this.$target&&(this.pointerType=this.$target.attr("data-position"),this.refs.$selectionTool.attr("data-selected-position",this.pointerType),this.refs.$selectionTool.attr("data-selected-movetype",VC[this.pointerType]))}},{key:"move",value:function(t,e){this.$config.get("bodyEvent").altKey&&(e=t),this.refreshSelectionToolView(t,e),this.parent.updateRealPosition(),this.emit("refreshSelectionDragStyleView",null,!0)}},{key:yo("moveByKey"),value:function(t,e){var n;if(0!==t||0!==e){this.pointerType="move",this.$selection.move(t,e),(n=this.parent).selectCurrent.apply(n,xC(this.$selection.items)),this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.guideView.move(this.pointerType,t,e);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r)),this.makeSelectionTool()}}},{key:"end",value:function(){this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.$selection.setRectCache(),this.emit("refreshAllElementBoundSize"),this.emit("removeGuideLine")}},{key:"refreshSelectionToolView",value:function(t,e,n){if(0===t&&0===e);else{this.guideView.move(n||this.pointerType,t/this.$editor.scale,e/this.$editor.scale);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r))}this.makeSelectionTool()}},{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:"removeOriginalRect",value:function(){this.originalArtboardRect=null,this.originalRect=null}},{key:"initSelectionTool",value:function(){this.removeOriginalRect(),this.guideView.makeGuideCache();var t=this.$selection.current;if(t){var e=t.is("svg-path","svg-brush","svg-textpath");this.refs.$selectionTool.toggleClass("path",e)}this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$el.show(),this.bindData("$selectionTool"),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.guideView.recoverAll();var t=rn.px(0),e=rn.px(0),n=rn.px(0),r=rn.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}t.is(0)&&e.is(0)&&n.is(0)&&r.is(0)?(t.add(-1e4),e.add(-1e4)):this.$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.refreshPositionText(t,e,n,r)}},{key:"refreshPositionText",value:function(t,e,n,r){if(this.$selection.currentArtboard){var o=rn.px(t.value-this.$selection.currentArtboard.x.value/this.$editor.scale).round(1),i=rn.px(e.value-this.$selection.currentArtboard.y.value/this.$editor.scale).round(1),a=rn.px(n.value/this.$editor.scale).round(1),c=rn.px(r.value/this.$editor.scale).round(1),u="";switch(this.pointerType){case"move":u="X: ".concat(o,", Y: ").concat(i);break;case"to top":case"to bottom":u="Y: ".concat(i,", H: ").concat(c);break;case"to left":case"to right":u="X: ".concat(o,", W: ").concat(a);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);var s=this.$selection.length,l="";if(1===s){var f=this.$selection.current;l=f.title||f.getDefaultTitle();var p=tv[AC[f.itemType]||AC.rect];this.refs.$selectionIcon.html(p)}else s>=2&&(l="multi : ".concat(s),this.refs.$selectionIcon.html(tv.flag));this.refs.$selectionTitle.text(l),this.refs.$selectionMove.attr("title",l)}}},{key:"setPositionText",value:function(t){this.$target&&(this.$selection.current&&this.$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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map((function(e){var n,r,o,i,a=new ki(t.calculateWorldPosition(e.A)),c=new ki(t.calculateWorldPosition(e.B));return I(e.ax)&&(n=e.ax*t.$editor.scale),I(e.bx)&&(r=e.bx*t.$editor.scale),I(e.ay)&&(o=e.ay*t.$editor.scale),I(e.by)&&(i=e.by*t.$editor.scale),{A:a,B:c,ax:n,bx:r,ay:o,by:i}}))}},{key:"calculateWorldPosition",value:function(t){return{x:rn.px(t.screenX.value*this.$editor.scale),y:rn.px(t.screenY.value*this.$editor.scale),width:rn.px(t.width.value*this.$editor.scale),height:rn.px(t.height.value*this.$editor.scale),transform:t.transform}}}]),e}(function(t){function e(){return $C(this,e),CC(this,TC(e).apply(this,arguments))}return RC(e,t),_C(e,[{key:ir("$selectionTool"),value:function(){var t=this.$selection.current;return{"data-is-layout-item":t&&t.isLayoutItem(),"data-is-layout-container":t&&t.hasLayout(),"data-layout-container":t&&(t.layout||t.parent.layout),"data-selection-length":this.$selection.length}}}]),e}(function(t){function e(){return $C(this,e),CC(this,TC(e).apply(this,arguments))}return RC(e,t),_C(e,[{key:yo("hideSelectionToolView"),value:function(){this.refs.$selectionTool.css({left:"-10000px",top:"-10000px"})}},{key:yo("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:yo("openPathEditor"),value:function(){var t=this.$selection.current;t&&t.is("svg-path","svg-brush","svg-textpath")&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{changeEvent:"updatePathItem",current:t,d:t.d,box:"box",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}))}},{key:yo("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:yo("updatePathItem"),value:function(t){var e,n=this.$selection.current;n&&(n.updatePathItem&&(n.updatePathItem(t),(e=this.parent).selectCurrent.apply(e,xC(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",n,!0,!0)))}},{key:yo("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:yo("makeSelectionTool"),value:function(t){t&&this.removeOriginalRect();var e=this.guideView.calculate();this.makeSelectionTool(),0===this.$selection.length&&(e=[]),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(e))}}]),e}(ho)));function LC(t){return(LC="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==LC(e)&&"function"!=typeof e?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,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>")},YC=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"base-line";return("<line ".concat(Q({x1:t,y1:e,x2:n,y2:r})," class='").concat(o,"' />"))},XC=function(t,e){(function(t,e){return t.includes(e)})(t,e)||t.push(e)},NC=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),XC(t,YC(e-2,n,e+2,n)),XC(t,YC(e,n,e,r)),XC(t,YC(e-2,r,e+2,r));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));XC(t,HC(e+2,o,i))}},KC=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),XC(t,YC(n,e-2,n,e+2)),XC(t,YC(n,e,r,e)),XC(t,YC(r,e-2,r,e+2));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));XC(t,HC(o,e-2,i,"text-center"))}},WC=function(t){function e(){return MC(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,t),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:ir("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(t){var e=[];return(t=t.filter((function(t,e){return 0===e}))).forEach((function(t){var n=t.B;if(I(t.ax)){var r=rn.min(n.screenY,t.A.screenY),o=rn.max(n.screenY2,t.A.screenY2),i=t.bx;if(t.A.screenY.value>t.B.screenY2.value?NC(e,i,t.B.screenY2.value,t.A.screenY.value):NC(e,i,r.value,t.A.screenY.value),t.A.screenX.value-n.screenX.value>0&&t.A.screenY.value<=n.screenY2.value&&t.A.screenY.value>=n.screenY.value){var a=(t.A.screenY.value+t.A.screenY2.value)/2;KC(e,a,n.screenX.value,t.A.screenX.value)}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,KC(e,a,t.A.screenX2.value,n.screenX2.value)),t.A.screenY2.value<t.B.screenY.value?NC(e,i,t.A.screenY2.value,t.B.screenY.value):NC(e,i,t.A.screenY2.value,o.value)}else{var c=rn.max(n.screenX2,t.A.screenX2),u=t.by;if(t.A.screenX.value>t.B.screenX2.value?KC(e,u,t.B.screenX2.value,t.A.screenX.value):KC(e,u,t.A.screenX.value,t.B.screenX.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;NC(e,s,t.B.screenY.value,t.A.screenY.value)}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,NC(e,s,t.A.screenY2.value,t.B.screenY2.value)),t.A.screenX2.value<t.B.screenX.value?KC(e,u,t.A.screenX2.value,t.B.screenX.value):KC(e,u,t.A.screenX2.value,c.value)}})),e.join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){this.setState({list:t})}},{key:yo("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:yo("refreshGuideLine"),value:function(t){this.setGuideLine(t)}}])&&BC(n.prototype,r),o&&BC(n,o),e}(ho);function UC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ZC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UC(Object(n),!0).forEach((function(e){qC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}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)}}var QC=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(ZC({},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(ZC({},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                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(t.selected,'\'\n                    title="Center"\n                    data-start="true" \n                />'):"\n                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='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("")}}])&&JC(e.prototype,n),r&&JC(e,r),t}();function tT(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 eT(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 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 rT(t,e,n){return e&&nT(t.prototype,e),n&&nT(t,n),t}function oT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oT(Object(n),!0).forEach((function(e){aT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var cT=["startPoint","endPoint","reversePoint"];function uT(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 sT(t,e,n,r){var o=[],i=cT;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 lT(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=i,u=t[c];if(u){if("M"===u.command)o.push({command:"M",values:[u.startPoint]});else{var s=Ji.getPrevPoint(t,i);!1===u.curve?!1===s.curve?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[s.endPoint,u.startPoint]}):!1===s.curve?Ji.isEqual(u.reversePoint,u.startPoint)?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[u.reversePoint,u.startPoint]}):o.push({command:"C",values:[s.endPoint,u.reversePoint,u.startPoint]})}u.close&&o.push({command:"Z"})}}var l=o.map((function(t){return fT(e,n,t,r)})).join(" ");return{d:l}}function fT(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)}}var pT=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 ha,this.guideLineManager=new ha,this.segmentManager=new QC,this.initialize(),this.initializeSelect()}return rT(t,null,[{key:"generatorPathString",value:function(t,e,n,r){return lT(t,e,n,r).d}}]),rT(t,[{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=eT(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=ut.matrix2d.translate(-this.transformRect.x,-this.transformRect.y),i=ut.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,i=r.y,a=r.width,c=r.height,u=a/2,s=c/2;switch(t){case"flipX":this.applyTransform(ut.matrix2d.translate(-e,0),ut.matrix2d.flipX());break;case"flipY":this.applyTransform(ut.matrix2d.translate(0,-n),ut.matrix2d.flipY());break;case"flip":this.applyTransform(ut.matrix2d.translate(-e,-n),ut.matrix2d.flip());break;case"to move":this.applyTransform(ut.matrix2d.translate(e,n));break;case"to rotate":var l=mt({x:o+u,y:i},{x:o+u,y:i+s},{dx:e,dy:n});this.applyTransform(ut.matrix2d.translate(-u,-s),ut.matrix2d.rotate(lt(-l)),ut.matrix2d.translate(u,s));break;case"to skewX":l=gt({x:u,y:s},{x:u+e,y:s});this.applyTransform(ut.matrix2d.skewX(lt(l)));break;case"to skewY":l=gt({x:u,y:s},{x:u,y:s+n});this.applyTransform(ut.matrix2d.skewY(lt(l)));break;case"to bottom right":var f=ft(a+e,a),p=ft(c+n,c);this.applyTransform(ut.matrix2d.scale(f,p));break;case"to right":f=ft(a+e,a);this.applyTransform(ut.matrix2d.scale(f,1));break;case"to bottom":p=ft(c+n,c);this.applyTransform(ut.matrix2d.scale(1,p));break;case"to top right":f=ft(a+e,a),p=ft(c-n,c);this.applyTransform(ut.matrix2d.scale(f,p),ut.matrix2d.translate(0,n));break;case"to top left":f=ft(a-e,a),p=ft(c-n,c);this.applyTransform(ut.matrix2d.scale(f,p),ut.matrix2d.translate(e,n));break;case"to left":f=ft(a-e,a);this.applyTransform(ut.matrix2d.scale(f,1),ut.matrix2d.translate(e,0));break;case"to top":p=ft(c-n,c);this.applyTransform(ut.matrix2d.scale(1,p),ut.matrix2d.translate(0,n));break;case"to bottom left":f=ft(a-e,a),p=ft(c+n,c);this.applyTransform(ut.matrix2d.scale(f,p),ut.matrix2d.translate(e,0))}}},{key:"initTransform",value:function(t){this.transformRect=Y(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:Y(t.startPoint),endPoint:Y(t.endPoint),reversePoint:Y(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=Ji.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=Ji.getPrevPoint(r,t),n.connectedPoint&&!n.connectedPoint.connected&&(n.connectedPoint=null),n.segment=Ji.getIndexPoint(r,t),n.segment.connected&&(n.connectedPoint=Ji.getNextPoint(r,t)),Ji.isFirst(n.segment)){var o=Ji.getLastPoint(r,t);o.connected&&(n.connectedPoint=o)}n.segmentKey=e,n.isCurveSegment=n.segment.curve&&"startPoint"!=n.segmentKey,n.originalSegment=Y(n.segment),n.connectedPoint&&(n.originalConnectedPoint=Y(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=Y(n.startPoint),n.endPoint=Y(n.startPoint),"M"===n.command){var r=Ji.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=Y(r.startPoint),r.endPoint=Y(r.startPoint))}else{if((o=Ji.getNextPoint(e,t))&&"M"===o.command)(a=o).curve=!1,a.reversePoint=Y(a.startPoint),a.endPoint=Y(a.startPoint)}else{n.curve=!0;var o,i=Ji.getPrevPoint(e,t);if((o=Ji.getNextPoint(e,t))&&o.index<t&&"M"===o.command){var a=o;o=Ji.getNextPoint(e,a.index),this.calculateToCurve(n,o,i),a.curve=!0,a.endPoint=Y(n.endPoint),a.reversePoint=Y(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=Ji.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=Ji.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]=Ji.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=dt(wt(c-o,u-i),vt(l,f,o,i),o,i),y=p.x,h=p.y;n.segment[e]={x:y,y:h}}}},{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=uT(i,"x",c,e,r),l=s.point,f=(e=s.distanceValue,uT(i,"y",u,n,r)),p=f.point,y=(n=f.distanceValue,{x:a.x+e,y:a.y+n}),h=[];return l&&h.push({startPoint:l,endPoint:y}),p&&h.push({startPoint:p,endPoint:y}),{dx:e,dy:n,snapPointList:h}}},{key:"copySegment",value:function(t,e){e.startPoint=Y(t.startPoint),e.endPoint=Y(t.endPoint),e.reversePoint=Y(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:"removeSelectedSegment",value:function(){var t=this;this.selectedPointList.forEach((function(e){t.state.points[e.index][e.key].removed=!0}));var e=Ji.splitPoints(this.state.points),n=Ji.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=Y(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=Y(t.startPoint)),Ji.isEqual(t.endPoint,t.startPoint,t.reversePoint)&&(t.command="L",t.curve=!1),t}))})));this.state.points=n,this.select()}},{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]=Ji.getReversePoint(r.segment.startPoint,r.segment[i])}else n.altKey?(this.moveSegment(i,t,e),this.rotateSegment(i)):this.moveSegment(i,t,e);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=Ji.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=Ji.getPoint(r,e),i=Ji.getPoint(r,n),a=[iT({},o,{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},iT({},i,{reversePoint:t.second[2]})],c=Ji.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=Ji.getPoint(n,e),o=[iT({},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=Ji.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=Ji.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 lT(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=wt(r-n,i-o)-180,s=dt(0,20,a,c),l=s.x,f=s.y,p=dt(u/2,20,a,c),y=p.x,h=p.y,d=dt(u,20,a,c);this.segmentManager.addDistanceAngle(d,20,20,u,{x:l,y:f},{x:l-20,y:f}).addText({x:y-5,y:h+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),!1===Ji.isEqual(e.startPoint,e.endPoint)&&this.segmentManager.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)),!1===Ji.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):!1===t.curve?Ji.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)),!1===Ji.isEqual(e.startPoint,e.reversePoint)&&o.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),!1===Ji.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ji.isEqual(e.startPoint,e.reversePoint)&&o.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)),!1===Ji.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ji.isEqual(e.startPoint,e.reversePoint)&&o.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?Ji.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 ha).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new ha).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Ji.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new ha).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new ha).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new ha).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=Ji.getNextPoint(t,n),a=Ji.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=sT(t,"x",e.x,n),o=sT(t,"y",e.y,n),i=iT({},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,tT(u)),t.moveXY=s,r=s,this.snapPointList=i;var l=e[e.length-1];if(o)if(l){if(l.curve){var f=Ji.getReversePoint(n,r);h=f.x,d=f.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:h,y:d},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:h,y:d}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:h,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var p=Ji.getReversePoint(n,r);h=p.x,d=p.y;this.guideLineManager.M(l.startPoint).Q({x:h,y:d},n),this.segmentManager.addGuideLine(r,{x:h,y:d}).addPoint(!1,n).addCurvePoint({x:h,y:d}).addCurvePoint(r)}}else{var y=Ji.getReversePoint(n,r),h=y.x,d=y.y;this.guideLineManager.M(r).L(n).L({x:h,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:h,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 ha;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(Q({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",this.state.isPolygon),"\n            ").concat(this.pathStringManager.toString("object",this.state.isPolygon),"\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 tT(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),t}();function yT(t){return(yT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hT(Object(n),!0).forEach((function(e){vT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function bT(t,e,n){return(bT="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=jT(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 gT(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 mT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OT(t,e,n){return e&&wT(t.prototype,e),n&&wT(t,n),t}function kT(t,e){return!e||"object"!==yT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jT(t){return(jT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ST(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PT(t,e)}function PT(t,e){return(PT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function xT(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 $T(t){var e=xT(t,2);return{x:e[0],y:e[1]}}var ET=["fill","fill-opacity","stroke","stroke-width"],_T=function(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:"initialize",value:function(){bT(jT(e.prototype),"initialize",this).call(this),this.pathParser=new aa,this.pathGenerator=new pT(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],hasTransform:!1,mode:"path",$target:null,clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:rn.px(0),screenY:rn.px(0),screenWidth:rn.px(0),screenHeight:rn.px(0)}}},{key:"template",value:function(){return"\n        <div class='path-editor-view' tabIndex=\"-1\">\n            <div class='path-container' ref='$view'></div>\n            <div class='path-container split-panel'>\n                <svg width=\"100%\" height=\"100%\">\n                    <circle ref='$splitCircle' class='split-circle' />\n                </svg>\n            </div>\n            <div class='path-tool'>\n                <div class='transform-manager' ref='$tool'>\n                    <div class='transform-tool-item' data-position='to rotate'></div>                \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:ir("$tool"),value:function(){this.resetTransformZone();var t=this.state.transformZoneRect;return{"data-show":"transform"===this.state.mode,"data-position":this.transformMoveType,style:{left:rn.px(t.x),top:rn.px(t.y),width:rn.px(t.width),height:rn.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:On("document")+Hn("isShow")+Nn+Xn+Qn+tr,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.pathGenerator.toPath(t.x,t.y,this.scale).d,o=this.$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 bE({width:rn.px(c),height:rn.px(u),d:r,totalLength:this.totalPathLength})),ET.forEach((function(t){n.state[t]&&e.reset(vT({},t,n.state[t]))})),e.setScreenX(i),e.setScreenY(a)}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 aa(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&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t,e){this.setState(dT({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:yo("changePathManager"),value:function(t){this.setState(dT({},t,{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:yo("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:yo("showPathEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"path",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}),this.emit("hidePathDrawEditor"),this.emit("change.mode.view","PathEditorView")}},{key:yo("hidePathEditor"),value:function(){this.$el.isShow()&&(this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hidePathManager"),this.emit("change.mode.view"))}},{key:ir("$view"),value:function(){return{class:{path:"path"===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:ir("$splitCircle"),value:function(){return this.state.splitXY?{cx:this.state.splitXY.x,cy:this.state.splitXY.y,r:5}:{r:0}}},{key:"refreshPathLayer",value:function(){this.updatePathLayer()}},{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:rn.px(0),y:rn.px(0),width:rn.px(0),height:rn.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:In("$view"),value:function(t){if(this.initRect(),this.isMode("path")&&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();else{var e=un.create(t.target),n=e.hasClass("split-path");this.state.splitXY=n?this.calculatePointOnLine(e.attr("d"),{x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y}):null,this.bindData("$splitCircle"),this.state.altKey=!1}}},{key:An("$view :not(.split-path)")+qn()+Jn(),value:function(t){this.initRect(),this.state.altKey=!1;var e=this.isMode("path");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=un.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=xT(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:rn.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:rn.px(t.x+(e<0?e:0)),top:rn.px(t.y+(n<0?n:0)),width:rn.px(Math.abs(e)),height:rn.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=xT(this.refs.$segmentBox.styles("left","top","width","height").map((function(t){return rn.parse(t)})),4),e={x:t[0],y:t[1],width:t[2],height:t[3]};return e.x2=rn.px(e.x.value+e.width.value),e.y2=rn.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=this.$config.get("bodyEvent");this.pathGenerator.move(t,e,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("path")){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}},{key:"renderSegment",value:function(t){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),G(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:yo("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:yo("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{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.isMode("path")&&(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 this.$editor.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(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:yo("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:An("$tool .transform-tool-item")+qn("moveTransformTool")+Jn("moveEndTransformTool"),value:function(t){this.transformMoveType=t.$dt.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){this.transformMoveType="none",this.renderTransformTool()}}]),e}(function(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:"calculatePointOnLine",value:function(t,e){var n=new aa(t);if("C"===n.segments[1].command){var r=[$T(n.segments[0].values),$T(n.segments[1].values.slice(0,2)),$T(n.segments[1].values.slice(2,4)),$T(n.segments[1].values.slice(4,6))],o=jj.apply(void 0,gT(r).concat([200]))(e.x,e.y);return Tj(r,o).first[3]}if("Q"===n.segments[1].command){r=[$T(n.segments[0].values),$T(n.segments[1].values.slice(0,2)),$T(n.segments[1].values.slice(2,4))],o=Sj.apply(void 0,gT(r).concat([200]))(e.x,e.y);return Rj(r,o).first[2]}if("L"===n.segments[1].command){r=[$T(n.segments[0].values),$T(n.segments[1].values.slice(0,2))],o=Pj.apply(void 0,gT(r).concat([200]))(e.x,e.y);return Dj(r,o).first[1]}return e}},{key:bn("$view .split-path"),value:function(t){this.initRect();var e=new aa(t.$dt.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=[$T(e.segments[0].values),$T(e.segments[1].values.slice(0,2)),$T(e.segments[1].values.slice(2,4)),$T(e.segments[1].values.slice(4,6))],o=jj.apply(void 0,gT(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPoint(Tj(r,o))}else if("Q"===e.segments[1].command){r=[$T(e.segments[0].values),$T(e.segments[1].values.slice(0,2)),$T(e.segments[1].values.slice(2,4))],o=Sj.apply(void 0,gT(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointQuard(Rj(r,o))}else if("L"===e.segments[1].command){r=[$T(e.segments[0].values),$T(e.segments[1].values.slice(0,2))],o=Pj.apply(void 0,gT(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointLine(Dj(r,o))}this.renderPath(),this.refreshPathLayer()}}]),e}(function(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:gn("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}}]),e}(ho))));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 TT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?TT(Object(n),!0).forEach((function(e){DT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):TT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function DT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function VT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 IT(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 LT(t){return(LT=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 BT=function(t){function e(){return VT(this,e),IT(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&&MT(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:er("$el"),value:function(){if(1!==this.$selection.length)return"<div></div>";var t=this.$selection.current;if(t.isInGrid()){var e=t.parent,n=e.screenX,r=e.screenY,o=e.width,i=e.height,a=e.toGridLayoutCSS();return"<div style='".concat(q(RT({position:"absolute",left:n,top:r,width:o,height:i,border:"1px solid black"},a)),"'>\n                ").concat(e.layers.map((function(t){var e=t.toLayoutItemCSS();return("<div style='".concat(q(RT({},e,{border:"1px solid dashed"})),"'></div>"))})).join(""),"\n            </div>")}return("<div></div>")}},{key:yo("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}}])&&AT(n.prototype,r),o&&AT(n,o),e}(ho);function zT(t){return(zT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FT(Object(n),!0).forEach((function(e){HT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HT(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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function XT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NT(t,e){return!e||"object"!==zT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KT(t,e,n){return(KT="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=WT(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 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=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],qT=function(t){function e(){return YT(this,e),NT(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,t),n=e,(r=[{key:"initialize",value:function(){KT(WT(e.prototype),"initialize",this).call(this),this.pathParser=new aa}},{key:"initState",value:function(){return{points:[],$target:null,fill:"transparent",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:rn.px(0),screenY:rn.px(0),screenWidth:rn.px(0),screenHeight:rn.px(0)}}},{key:yo("changeDrawManager"),value:function(t){this.setState(GT({},t),!1)}},{key:"template",value:function(){return"\n        <div class='path-draw-view' tabIndex=\"-1\">\n            <div class='path-draw-container' ref='$view'></div>\n        </div>"}},{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:On("document")+Hn("isShow")+Nn+Xn+Qn+tr,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$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,u=Ji.simply(this.state.points,this.state.tolerance),s=new aa(ha.makePathByPoints(u)),l=pT.generatorPathString(s.convertGenerator(),t.x,t.y,this.scale);e=r.add(new bE({width:rn.px(a),height:rn.px(c),d:l,totalLength:this.totalPathLength})),ZT.forEach((function(t){n.state[t]&&e.reset(HT({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addPathLayer",value:function(){var t=this.getPathRect();0!==t.width&&0!==t.height&&this.makePathLayer(t)&&this.emit("refreshAll")}},{key:"changeMode",value:function(t){this.setState(GT({},this.initState(),{},t),!1)}},{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:yo("showPathDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{instance:this,fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),this.emit("hidePathEditor"),this.emit("change.mode.view","PathDrawView")}},{key:yo("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:yo("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:ir("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(Q({fill:this.toFillValue,stroke:this.toStrokeValue,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),'\n                    d="').concat(ha.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:yo("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:rn.px(0),y:rn.px(0),width:rn.px(0),height:rn.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:An("$view")+qn()+Jn(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addPathLayer(),this.trigger("initPathDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return L$.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return L$.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return L$.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return L$.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&XT(n.prototype,r),o&&XT(n,o),e}(ho);function JT(t){return(JT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?QT(Object(n),!0).forEach((function(e){eR(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):QT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oR(t,e){return!e||"object"!==JT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iR(t,e,n){return(iR="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=aR(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 aR(t){return(aR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cR(t,e){return(cR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uR=["fill","stroke-width"],sR=function(t){function e(){return nR(this,e),oR(this,aR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cR(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){iR(aR(e.prototype),"initialize",this).call(this),this.pathParser=new aa}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",points:[],$target:null,fill:"black",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:rn.px(0),screenY:rn.px(0),screenWidth:rn.px(0),screenHeight:rn.px(0)}}},{key:yo("changeDrawManager"),value:function(t){this.setState(tR({},t),!1),this.renderPath()}},{key:"template",value:function(){return"\n        <div class='brush-draw-view' tabIndex=\"-1\">\n            <div class='brush-draw-container' ref='$view'></div>\n        </div>"}},{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:On("document")+Hn("isShow")+Nn+Xn+Qn+tr,value:function(){this.trigger("hideBrushDrawEditor")}},{key:"makeBrushLayer",value:function(t){var e,n=this,r=this.$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,u=Ji.simply(this.state.points,this.state.tolerance),s=new aa(ha.makePathByPoints(u)),l=pT.generatorPathString(s.convertGenerator(),o,i,this.scale);e=r.add(new X_({width:rn.px(a),height:rn.px(c),d:l,totalLength:this.totalPathLength})),uR.forEach((function(t){n.state[t]&&e.reset(eR({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addBrushLayer",value:function(){var t=this.getPathRect();if(0!==t.width&&0!==t.height){var e=this.makeBrushLayer(t);e&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t){this.setState(tR({},this.initState(),{},t),!1),this.emit("change.mode.view","PathDrawView")}},{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:yo("showBrushDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]})}},{key:yo("initBrushDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:yo("hideBrushDrawEditor"),value:function(){this.trigger("initBrushDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view")}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:ir("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(Q({fill:"transparent",stroke:"transparent"===this.toFillValue?"black":this.toFillValue}),'\n                    d="').concat(ha.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:rn.px(0),y:rn.px(0),width:rn.px(0),height:rn.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:An("$view")+qn()+Jn(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addBrushLayer(),this.trigger("initBrushDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return L$.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return L$.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return L$.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return L$.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&rR(n.prototype,r),o&&rR(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 pR(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dR(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 vR(t){return(vR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bR(t,e){return(bR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gR=function(t){function e(){return yR(this,e),dR(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&&bR(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectionToolView:IC,GuideLineView:WC,PathEditorView:_T,PathDrawView:qT,BrushDrawView:sR,GridLayoutLineView:BT}}},{key:"initState",value:function(){return{mode:"selection",left:rn.px(0),top:rn.px(0),width:rn.px(1e4),height:rn.px(1e4),cachedCurrentElement:{},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                <GridLayoutLineView ref='$gridLayoutLineView' />\n                <SelectionToolView ref='$selectionTool' />\n                <PathEditorView ref='$pathEditorView' />\n                <PathDrawView ref='$pathDrawView' />\n                <BrushDrawView ref='$brushDrawView' />\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:yo("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:yo("refElement"),value:function(t,e){G(e)&&e(this.getElement(t))}},{key:"getElement",value:function(t){return this.refs.$view.$('[data-id="'.concat(t,'"]'))}},{key:"checkEmptyElement",value:function(t){var e=un.create(t.target);return!!this.$editor.isAddMode()||"selection"===this.state.mode&&!1===e.hasClass("element-item")&&!1===e.hasClass("selection-tool-item")&&!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")&&!1===e.isTag("text")&&!1===e.isTag("img")&&"true"!==e.attr("data-segment")}},{key:An("$view")+Hn("checkEmptyElement")+qn("movePointer")+Jn("moveEndPointer"),value:function(t){if(this.$target=un.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,this.$editor.isSelectionMode()){var e={left:rn.px(this.dragXY.x),top:rn.px(this.dragXY.y),width:rn.px(0),height:rn.px(0)};this.refs.$dragAreaRect.css(e),this.state.cachedCurrentElement={},this.$el.$$(".selected").forEach((function(t){return t.removeClass("selected")}))}}},{key:"movePointer",value:function(t,e){var n=this,r={left:rn.px(this.dragXY.x+(t<0?t:0)),top:rn.px(this.dragXY.y+(e<0?e:0)),width:rn.px(Math.abs(t)),height:rn.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(r),this.$editor.isSelectionMode()){var o,i=r.left,a=r.top,c=r.width,u=r.height,s={x:rn.px(i.value-this.canvasPosition.x),y:rn.px(a.value-this.canvasPosition.y),width:c,height:u};s.x2=rn.px(s.x.value+s.width.value),s.y2=rn.px(s.y.value+s.height.value);var l,f=this.$selection.currentArtboard,p=this.$selection.items;if(f)Object.keys(s).forEach((function(t){s[t].div(n.$editor.scale)})),p=f.checkInAreaForLayers(s),0===s.width.value&&0===s.height.value&&(p=[]),(l=this.$selection).select.apply(l,pR(p))&&this.selectCurrentForBackgroundView.apply(this,pR(p));(o=this.$selection).select.apply(o,pR(p))&&this.emit("refreshSelection")}}},{key:"moveEndPointer",value:function(t,e){var n=this,r=fR(this.refs.$dragAreaRect.styles("left","top","width","height").map((function(t){return rn.parse(t)})),4),o=r[0],i=r[1],a=r[2],c=r[3],u={x:rn.px(o.value-this.canvasPosition.x),y:rn.px(i.value-this.canvasPosition.y),width:a,height:c};if(u.x2=rn.px(u.x.value+u.width.value),u.y2=rn.px(u.y.value+u.height.value),this.refs.$dragAreaRect.css({left:rn.px(-1e4),top:rn.px(0),width:rn.px(0),height:rn.px(0)}),this.$editor.isSelectionMode()){var s,l=this.$selection.currentArtboard,f=[];l?(Object.keys(u).forEach((function(t){u[t].div(n.$editor.scale)})),f=l.checkInAreaForLayers(u),0===u.width.value&&0===u.height.value&&(f=[l]),0===f.length&&l.checkInArea(u)&&(f=[l]),(s=this.$selection).select.apply(s,pR(f))&&this.selectCurrentForBackgroundView.apply(this,pR(f)),f.length?this.emit("refreshSelection"):(this.$selection.select(),this.emit("emptySelection"))):(this.$selection.select(),this.emit("emptySelection"))}else{var p={x:rn.px(u.x.value/this.$editor.scale).floor(),y:rn.px(u.y.value/this.$editor.scale).floor(),width:rn.px(u.width.value/this.$editor.scale).floor(),height:rn.px(u.height.value/this.$editor.scale).floor()};switch(this.$editor.addComponentType){case"image":this.emit("openImage",p);break;case"video":this.emit("openVideo",p);break;default:this.emit("newComponent",this.$editor.addComponentType,p)}}this.sendHelpMessage(),this.emit("removeGuideLine")}},{key:"sendHelpMessage",value:function(){1===this.$selection.length&&this.$selection.current.is("svg-path","svg-brush","svg-polygon","svg-textpath")&&this.emit("addStatusBarMessage","Please click if you want to edit to path ")}},{key:On("$view .element-item.text"),value:function(t){var e=t.$dt.html(),n=t.$dt.text().trim(),r=t.$dt.attr("data-id"),o=[];this.$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 this.$editor.isSelectionMode()}},{key:An("$view .element-item")+Hn("checkEditMode")+qn("calculateMovedElement")+Jn("calculateEndedElement"),value:function(t){if(this.startXY=t.xy,this.$element=t.$dt,this.$element.hasClass("text")&&this.$element.hasClass("selected"))return!1;var e=this.$element.attr("data-id");this.hasSVG=!1,t.shiftKey?this.$selection.toggleById(e):this.$selection.check({id:e})?this.$selection.current.is("svg-path","svg-brush","svg-textpath","svg-polygon")&&(this.hasSVG=!0):this.$selection.selectById(e),this.selectCurrent.apply(this,pR(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelection"),this.children.$selectionTool.initMoveType()}},{key:"calculateMovedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move"),this.updateRealPosition()}},{key:"updateRealPositionByItem",value:function(t){var e=t.toBound(),n=e.x,r=e.y,o=e.width,i=e.height,a=this.state.cachedCurrentElement[t.id];a||(this.state.cachedCurrentElement[t.id]=this.getElement(t.id),a=this.state.cachedCurrentElement[t.id]),a&&a.cssText("left: ".concat(n,";top:").concat(r,";width:").concat(o,";height:").concat(i,"; transform: ").concat(t.transform,";"))}},{key:"updateRealPosition",value:function(){var t=this;this.$selection.each((function(e){t.updateRealPositionByItem(e)})),this.emit("refreshRect")}},{key:yo("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"']")).attr("data-title",e)}},{key:"calculateEndedElement",value:function(t,e){if(0===t&&0===e){if(this.hasSVG)return void this.emit("openPathEditor")}else this.$selection.setRectCache(),this.emit("removeGuideLine")}},{key:ir("$body"),value:function(){var t=rn.px(this.$editor.canvasWidth),e=rn.px(this.$editor.canvasHeight);return{"data-mode":this.$editor.mode,style:{position:"relative",width:t,height:e}}}},{key:ir("$view"),value:function(){return{style:{transform:"scale(".concat(this.$editor.scale,")")},innerHTML:this.state.html}}},{key:yo("addElement"),value:function(){var t=(this.$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.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}else this.$selection.select(this.$selection.currentArtboard);this.emit("refreshSelectionTool")}},{key:"selectCurrentForBackgroundView",value:function(){var t=this;this.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}this.emit("refreshSelection"),this.emit("refreshSelectionTool")}},{key:yo("refreshSelection"),value:function(){this.state.html||this.trigger("addElement"),this.emit("refreshSelectionTool")}},{key:"modifyScale",value:function(){this.refs.$view.css({transform:"scale(".concat(this.$editor.scale,")")}),this.emit("makeSelectionTool",!0)}},{key:yo("changeScale"),value:function(){this.modifyScale()}},{key:yo("refreshCanvasForPartial","refreshSelectionStyleView","refreshSelectionDragStyleView"),value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=t?[t]:this.$selection.items;o.forEach((function(t){e.updateElement(t,n,r)}))}},{key:"updateElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n),this.updateRealPositionByItem(t))}},{key:"updateTimelineElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n,this,!0),this.updateRealPositionByItem(t))}},{key:yo("playTimeline","moveTimeline"),value:function(){var t=this,e=this.$selection.currentArtboard;e&&e.getSelectedTimeline().animations.map((function(t){return e.searchById(t.id)})).forEach((function(e){t.updateTimelineElement(e,!0,!1)}))}},{key:yo("refreshAllCanvas"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.$selection.currentArtboard||{html:""},n=e.html;this.setState({html:n},!1),this.refs.$view.updateDiff(n),t&&this.emit("refreshSelectionTool")}},{key:"refresh",value:function(){this.state.html!=this.prevState.html&&this.load()}},{key:yo("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));pR(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)})),this.$selection.setRectCache()}},{key:yo("refreshElementBoundSize"),value:function(t){var e=this;t&&t.layers.forEach((function(t){if(t.isLayoutItem()){var n=e.getElement(t.id);if(n){var r=n.offsetRect(),o=r.x,i=r.y,a=r.width,c=r.height;t.reset({x:rn.px(o),y:rn.px(i),width:rn.px(a),height:rn.px(c)}),t.is("component")&&e.emit("refreshStyleView",t,!0),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:Sn("view")+Qn,value:function(){}},{key:jn("$view")+Qn,value:function(t){var e=un.create(t.target).attr("data-id");if(e)this.$selection.length?this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")}):this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")},e);else{var n=t.dataTransfer.getData("image/info");this.emit("dropImageUrl",n)}}}])&&hR(n.prototype,r),o&&hR(n,o),e}(ho);function mR(t){return(mR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kR(t,e){return!e||"object"!==mR(e)&&"function"!=typeof e?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 SR(t,e){return(SR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PR=function(t){function e(){return wR(this,e),kR(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&&SR(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=rn.parse(this.props.value||rn.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:er("$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||0}},{key:"setValue",value:function(t){this.setState({value:rn.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:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}])&&OR(n.prototype,r),o&&OR(n,o),e}(ho);function xR(t){return(xR="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _R(t,e){return!e||"object"!==xR(e)&&"function"!=typeof e?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 TR(t,e){return(TR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RR=function(t){function e(){return $R(this,e),_R(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&&TR(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{NumberInputEditor:PR}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(tv.remove2,"</button>\n        <div class='select'>\n          <NumberInputEditor ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$editor.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(tv.add,"</button>        \n      </div>\n\n    ")}},{key:yo("changeScaleValue"),value:function(t){t<=0&&(t=.01),t=st(100*t,100),this.children.$scale.setValue(t),this.emit("updateScale",t/100)}},{key:yo("changeRangeEditor")+Un(1e3),value:function(t,e){this.trigger("changeScaleValue",Math.floor(e/100))}},{key:bn("$plus")+Qn+tr,value:function(){this.trigger("changeScaleValue",this.$editor.scale+.25)}},{key:bn("$minus")+Qn+tr,value:function(){this.trigger("changeScaleValue",this.$editor.scale-.25)}}])&&ER(n.prototype,r),o&&ER(n,o),e}(ho);function DR(t){return(DR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VR(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 AR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 LR(t,e){return!e||"object"!==DR(e)&&"function"!=typeof e?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 BR(t,e){return(BR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zR={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(tv.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(tv.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(tv.repeat," Conic")},FR={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"},GR=function(t){function e(){return AR(this,e),LR(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&&BR(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return YF}},{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 Zs.parseStyle(J(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(tv.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='fill-list' ref='$fillList'></div>\n            </div>\n        "))}},{key:"templateForBlendMode",value:function(t,e){return"\n        <div class='popup-item'>\n          <BlendSelectEditor \n                ref='$blend_".concat(t,"' \n                key='blendMode' \n                value=\"").concat(e,'" \n                params="').concat(t,'" \n                onchange="changeRangeEditor" \n            />\n        </div>\n        ')}},{key:er("$fillList"),value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var o=n.image,i=FR[o.type],a=zR[o.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(i,'" >\n                <BackgroundPositionEditor ').concat(Q({key:"background-position",index:r,ref:"$bp".concat(r),x:n.x,y:n.y,width:n.width,height:n.height,repeat:n.repeat,size:n.size,blendMode:n.blendMode})," onchange='changePattern' />\n                <GradientSingleEditor ").concat(Q({index:r,ref:"$gse".concat(r),image:n.image,color:e.color,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(r,'">').concat(a,"</div>\n                    <div class='blend'>\n                      ").concat(t.templateForBlendMode(r,n.blendMode),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(r,"'>").concat(tv.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=q(Zs.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:yo("add"),value:function(){this.state.images.push(new Zs({image:new Au({angle:90,colorsteps:[new Bc({percent:0,color:"white",index:0}),new Bc({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:kn("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$fillList .fill-item")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(VR(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:jn("$fillList .fill-item")+Qn,value:function(t){var e=+t.$dt.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:bn("$fillList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.images.splice(e,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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:yo("selectFillPopupTab"),value:function(t,e){var n=FR[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:yo("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,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),n)}},{key:yo("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}])&&IR(n.prototype,r),o&&IR(n,o),e}(ho);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 YR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function XR(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=function(t){function e(){return YR(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,t),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Jj.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(tv.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:er("$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(tv.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(tv.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">'.concat(this.$i18n("boxshadow.editor.blur"),'</div>\n        <div class="spread-radius">').concat(this.$i18n("boxshadow.editor.spread"),'</div>\n        <div class="tools">\n        </div>\n      </div>\n      ')),t.join("")}},{key:yo("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:yo("add"),value:function(){this.state.boxShadows.push(new Jj),this.refresh(),this.modifyBoxShadow()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:bn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.boxShadows.splice(e,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:bn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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:yo("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:yo("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())}}}])&&XR(n.prototype,r),o&&XR(n,o),e}(ho);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 qR(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 JR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function QR(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=function(t){function e(){return JR(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,t),n=e,(r=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=this.props.value,o=this.props.tabindex;return{keyValueChar:t,splitChar:e,label:this.props.label||"",options:n,value:r,tabIndex:o}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></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:ir("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:er("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e;if((o=e).includes(t.state.keyValueChar)){var r=qR(o.split(t.state.keyValueChar),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:$n("$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)}}])&&QR(n.prototype,r),o&&QR(n,o),e}(ho);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 iD(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 aD(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,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=rn.parse(this.props.value||rn.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,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:er("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString(),l=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),"".concat(t,":").concat(e)})).join(",");return"\n        <div ".concat(Q({ref:"$range",class:tt(iD({"range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(l,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(tv.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:_n("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Tn("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:bn("$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 rn(0,this.children.$unit.getValue()))}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:En("$property"),value:function(t){var e=+this.getRef("$property").value;this.refs.$propertyNumber.val(e),this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:yo("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}])&&cD(n.prototype,r),o&&cD(n,o),e}(ho);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 yD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dD(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 vD(t){return(vD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bD(t,e){return(bD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gD=[{key:"border-top-left-radius",title:"topLeft"},{key:"border-top-right-radius",title:"topRight"},{key:"border-bottom-right-radius",title:"bottomRight"},{key:"border-bottom-left-radius",title:"bottomLeft"}],mD=gD.map((function(t){return t.key})),wD=function(t){function e(){return yD(this,e),dD(this,vD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bD(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){return zj.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:yo("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&mD.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(gD.map((function(e){var n=t.state[e.key],r=t.$i18n("border.radius.editor."+e.title);return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(r,"' key='").concat(e.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:En("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:$n("$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,mD.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"]+"":mD.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}])&&hD(n.prototype,r),o&&hD(n,o),e}(ho);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 kD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jD(t,e){for(var n=0;n<e.length;n++){var 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"!==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 kD(this,e),SD(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,t),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:ir("$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:bn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:yo("changeColorSingleEditor"),value:function(t,e){this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t})}}])&&jD(n.prototype,r),o&&jD(n,o),e}(ho);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 _D(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 TD(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 RD(t){return(RD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DD(t,e){return(DD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VD=function(t){function e(){return _D(this,e),TD(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&&DD(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{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})}},{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.label;return"\n            <div class='color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:ir("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:ir("$colorCode"),value:function(){return{value:this.state.value}}},{key:_n("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:Tn("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:bn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",color:this.state.value})}},{key:bn("$remove"),value:function(t){this.updateData({value:""})}},{key:En("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}},{key:yo("changeColorViewEditor"),value:function(t){this.updateData({value:t})}}])&&CD(n.prototype,r),o&&CD(n,o),e}(ho);function AD(t){return(AD="function"==typeof Symbol&&"symbol"==typeof Symbol.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 LD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BD(t,e){return!e||"object"!==AD(e)&&"function"!=typeof e?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 FD(t,e){return(FD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GD=function(t){function e(){return LD(this,e),BD(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&&FD(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{key:this.props.key,currentBezier:yj(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(tv.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(tv.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,hj(this.state.currentBezier))}},{key:bn("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=pj.length-1:--n,e=pj[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:bn("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%pj.length,e=pj[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:bn("$text"),value:function(){var t=ID(pj[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:bn("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=yj(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=yj(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,y=a;u.beginPath(),u.moveTo(o,i+c),u.bezierCurveTo(o+s,i+l,o+f,i+p,o+y,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=yj(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:rn.px(r),top:rn.px(o)}),r=t[2]*e,o=(1-t[3])*n,this.refs.$pointer2.css({left:rn.px(r),top:rn.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=yj(this.state.currentBezier),e=xj(hj(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:ft(c,n),y:u==r?0:(r-u)/r}}},{key:An("$pointer1")+qn("movePointer1")+Jn("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:An("$pointer2")+qn("movePointer2")+Jn("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:yo("showCubicBezierEditor"),value:function(t){var e=yj(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")}}])&&MD(n.prototype,r),o&&MD(n,o),e}(ho);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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YD(Object(n),!0).forEach((function(e){ND(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,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 qD(t){return(qD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JD(t,e){return(JD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QD={blur:NS.spec,grayscale:WS.spec,"hue-rotate":US.spec,invert:ZS.spec,brightness:qS.spec,contrast:JS.spec,"drop-shadow":nP.spec,opacity:QS.spec,saturate:tP.spec,sepia:eP.spec,svg:KS.spec},tV=function(t){function e(){return WD(this,e),ZD(this,qD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JD(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD,RangeEditor:fD,ColorViewEditor:VD}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:XS.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(tv.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>"))}},{key:er("$filterSelect"),value:function(){var t=J$.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:"getSpec",value:function(t){return QD[t]}},{key:"makeDropShadowFilterTemplate",value:function(t,e,n){var r=this;return('\n      <div class="filter-item">\n        <div class="title drop-shadow" draggable="true" data-index="'.concat(n,'">\n          <label>').concat(this.$i18n("filter.property.drop-shadow"),'</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <ColorViewEditor \n            label="').concat(this.$i18n("filter.property.drop-shadow.color"),"\" \n            ref='$dropShadowColorView").concat(n,"' \n            params=\"").concat(n,'" \n            value="').concat(e.color,'" \n            onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map((function(o){return'        \n            <div class="filter-ui drop-shadow">\n                <RangeEditor \n                  ref=\'$'.concat(o).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(o)),'"\n                  key="').concat(n,'" \n                  min="').concat(t[o].min,'"\n                  min="').concat(t[o].max,'"\n                  params="').concat(o,'" \n                  value="').concat(e[o].value,'" units="').concat(t[o].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')})).join(""),"\n      </div>\n    "))}},{key:"getSVGFilterList",value:function(){var t=this.$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=this.$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,o="".concat(this.$i18n("filter.property."+e.type));return'\n      <div class="filter-item" data-index="'.concat(n,'">\n        <div class="title" >\n          <label draggable="true" data-index="').concat(n,'" title="').concat(r?"":o,'">').concat(o,"</label>\n          ").concat("svg"!=e.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,e,t),"\n          </div>\n        "):"\n          <div>\n            <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(e.value,"</span>\n          </div>\n        "),'          \n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.remove2,"\n            </button>\n          </div>\n        </div>\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:er("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:kn("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$filterList .filter-item .title label")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(KD(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:jn("$filterList .filter-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.$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 XS.parse(XD({},e,{type:t}))}},{key:bn("$filterList .svg-filter-edit"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.state.filters[e],r=this.$selection.currentProject;if(r){var o=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",o)}}},{key:yo("openSVGFilterPopup"),value:function(t){var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:t,preview:!1,filters:e.filters})}},{key:yo("changeSVGFilterRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:yo("add"),value:function(t){var e=this;"svg"===t?this.emit("addSVGFilterAssetItem",(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:bn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:bn("$filterList .filter-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.filters.splice(e,1),this.refresh(),this.modifyFilter()}},{key:yo("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:yo("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(ND({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}])&&UD(n.prototype,r),o&&UD(n,o),e}(ho);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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function oV(t,e){for(var n=0;n<e.length;n++){var 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"!==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 aV(t){return(aV=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 uV=function(t){function e(){return rV(this,e),iV(this,aV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=rn.parse(this.props.value||rn.px(0));return{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||"",units:t,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:er("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString();return"\n        <div ".concat(Q({ref:"$range",class:tt(nV({"input-range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\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(tv.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:_n("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:Tn("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:bn("$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 rn(0,this.children.$unit.getValue()))}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:yo("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:yo("changeVarType"),value:function(t,e){this.updateData({value:new rn(this.refs.$calc.value,e)})}}])&&oV(n.prototype,r),o&&oV(n,o),e}(ho);function sV(t){return(sV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lV(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 fV(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 pV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hV(t,e){return!e||"object"!==sV(e)&&"function"!=typeof e?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=["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"],gV=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],mV={"image-resource":tv.photo},wV={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},OV={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%"]},kV=function(t){function e(){return pV(this,e),hV(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,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,SelectEditor:rD}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:Zs.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:Zs.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' title='").concat(this.$i18n("gradient.editor.drag.message"),"'></div>\n              <div class='drag-pointer' ref='$dragPosition'></div>\n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(tv.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(tv.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(tv.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(tv.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(tv.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(gV.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(mV[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(bV.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:$n("$file"),value:function(t){var e=this;this.$selection.currentProject&&fV(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:bn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");OV[e]&&(this.state.image.radialPosition=Y(OV[e]),this.refresh(),this.updateData())}},{key:gn("$gradientView")+Qn,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:An("$gradientView")+qn("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=rn.percent((n-this.containerRect.x)/this.containerRect.width*100),i=rn.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:bn("$tab .picker-tab-item"),value:function(t){var e=t.$dt.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=Zs.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:rn.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:yo("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:yo("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:bn("$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:ir("$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:ir("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ir("$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:ir("$dragPosition"),value:function(){var t="50%",e="50%";if(wV[this.state.image.type]){var n=lV(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:er("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' data-cut='").concat(e.cut,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>'))}))}},{key:bn("$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){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(rn.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:An("$stepList .step")+qn(),value:function(t){var e=t.$dt.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(rn.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(qc.toColorString(t.colorsteps),")")}},{key:yo("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:yo("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())}}])&&yV(n.prototype,r),o&&yV(n,o),e}(ho);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 SV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PV(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EV(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,e,n){return(_V="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=CV(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 CV(t){return(CV=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 RV=function(t){function e(){return xV(this,e),EV(this,CV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new rn(0,"infinite"):rn.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]:{};e%2?SV(Object(n),!0).forEach((function(e){PV(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},_V(CV(e.prototype),"initState",this).call(this),{},{key:this.props.key,params:this.props.params||"",units:n,value:t})}}])&&$V(n.prototype,r),o&&$V(n,o),e}(fD);function DV(t){return(DV="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function IV(t,e){for(var n=0;n<e.length;n++){var 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"!==DV(e)&&"function"!=typeof e?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 BV(t,e){return(BV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zV=function(t){function e(){return AV(this,e),LV(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&&BV(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=VV(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(tv.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>"))}},{key:yo("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:er("$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(tv.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:bn("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:En("$varList input"),value:function(t){var e=+t.$dt.attr("data-index"),n=t.$dt.attr("data-type");this.state.values[e][n]=t.$dt.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)}}])&&IV(n.prototype,r),o&&IV(n,o),e}(ho);function FV(t){return(FV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GV(Object(n),!0).forEach((function(e){YV(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YV(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function XV(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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==FV(e)&&"function"!=typeof e?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=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],JV={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"]},QV=function(t){function e(){return NV(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,t),n=e,(r=[{key:"components",value:function(){return{NumberInputEditor:PR,RangeEditor:fD}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:ti.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(qV.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(tv.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 JV[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>').concat(this.$i18n("css.item."+t),'</label>\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 class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.remove2,"\n            </button>\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>').concat(this.$i18n("css.item."+t),'</label>\n          <div></div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.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:er("$transformList"),value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:kn("$transformList .transform-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$transformList .transform-item")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(XV(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:jn("$transformList .transform-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.$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[rn.px(0)];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[rn.deg(0)];case"translate":return[rn.px(0),rn.px(0)];case"translate3d":return[rn.px(0),rn.px(0),rn.px(0)];case"scale":return[rn.number(1),rn.number(1)];case"scaleX":case"scaleY":return[rn.number(1)];case"matrix":return[rn.number(1),rn.number(0),rn.number(0),rn.number(1),rn.number(0),rn.number(0)];case"matrix3d":return[rn.number(1),rn.number(0),rn.number(0),rn.number(0),rn.number(0),rn.number(1),rn.number(0),rn.number(0),rn.number(0),rn.number(0),rn.number(1),rn.number(0),rn.number(0),rn.number(0),rn.number(0),rn.number(1)]}return[rn.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return ti.parse(HV({},e,{type:t,value:n}))}},{key:yo("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:bn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:bn("$transformList .transform-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.transforms.splice(e,1),this.refresh(),this.modifyTransform()}},{key:yo("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}])&&KV(n.prototype,r),o&&KV(n,o),e}(ho);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 function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 nA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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)}var cA=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"}],uA=cA.map((function(t){return t.key})),sA={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%"},lA=function(t){function e(){return nA(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,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":rn.percent(50),"transform-origin-x":rn.percent(50),"transform-origin-y":rn.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=rn.parse(t[0]),e["transform-origin-x"]=rn.parse(t[0]),e["transform-origin-y"]=rn.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=rn.parse(t[0]),e["transform-origin-y"]=rn.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:bn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=eA(sA[e].split(" "),2),r=n[0],o=n[1];this.state["transform-origin-x"]=rn.parse(r),this.state["transform-origin-y"]=rn.parse(o),this.refresh(),this.modifyTransformOrigin()}},{key:yo("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&uA.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(cA.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,uA.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:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}])&&rA(n.prototype,r),o&&rA(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 yA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dA(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 vA(t){return(vA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bA(t,e){return(bA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gA=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],mA=gA.map((function(t){return t.key})),wA={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%"},OA=function(t){function e(){return yA(this,e),dA(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&&bA(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":rn.px(0),"perspective-origin-x":rn.px(0),"perspective-origin-y":rn.px(0)};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=rn.parse(t[0]),e["perspective-origin-x"]=rn.parse(t[0]),e["perspective-origin-y"]=rn.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=rn.parse(t[0]),e["perspective-origin-y"]=rn.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:bn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=pA(wA[e].split(" "),2),r=n[0],o=n[1];this.state["perspective-origin-x"]=rn.parse(r),this.state["perspective-origin-y"]=rn.parse(o),this.refresh(),this.modifyPerspectiveOrigin()}},{key:yo("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&mA.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(gA.map((function(e){var n=t.$i18n(e.title);return("\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(n,"' 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,mA.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:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}])&&hA(n.prototype,r),o&&hA(n,o),e}(ho);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 jA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PA(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 xA(t){return(xA=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 EA=function(t){function e(){return jA(this,e),PA(this,xA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){var t=rn.parse(this.props.value||rn.number(0));return t=t.toUnit("number"),{removable:"true"===this.props.removable,clamp:"true"===this.props.clamp,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:er("$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 title="'.concat(o,'">').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,"\" tabIndex=\"1\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(tv.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:rn.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:rn.parse(t)})}},{key:"getValue",value:function(){return this.state.clamp?this.state.value.clamp(this.state.min,this.state.max):this.state.value}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:_n("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:Tn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:bn("$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.getValue(),this.props.params)}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:En("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=rn.number(0)),this.updateData({value:this.state.value.set(e)})}}])&&SA(n.prototype,r),o&&SA(n,o),e}(ho);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 CA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function TA(t,e){for(var n=0;n<e.length;n++){var 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"!==_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 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 AA=function(t){function e(){return CA(this,e),RA(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,t),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:er(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:bn(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:yo("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}])&&TA(n.prototype,r),o&&TA(n,o),e}(ho);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 LA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BA(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 zA(t){return(zA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FA(t,e){return(FA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GA=function(t){function e(){return LA(this,e),BA(this,zA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FA(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:wS.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(tv.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:er("$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(tv.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:"modifyTextShadow",value:function(){var t=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:yo("add"),value:function(){this.state.textShadows.push(new wS),this.refresh(),this.modifyTextShadow()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:bn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:bn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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){this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:t.color,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius},{id:this.id})}},{key:yo("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}])&&MA(n.prototype,r),o&&MA(n,o),e}(ho);function HA(t){return(HA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 NA(t,e){return!e||"object"!==HA(e)&&"function"!=typeof e?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 WA(t,e){return(WA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UA=function(t){function e(){return YA(this,e),NA(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&&WA(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:EA}}},{key:"initState",value:function(){return{value:this.generateValue(this.props.value||"")}}},{key:"template",value:function(){return"\n      <div class='stroke-dasharray-editor'>\n        <div ref='$body'></div>\n        <div class='tools'>\n          <label ref='$add'>".concat(tv.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>\n      </div>\n    ")}},{key:"toStringValue",value:function(){return this.state.value.join(" ")}},{key:"getValue",value:function(){return this.toStringValue()}},{key:"generateValue",value:function(t){return t.split(" ").filter(Boolean).map((function(t){return+t}))}},{key:"setValue",value:function(t){L(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:er("$body"),value:function(){return this.state.value.map((function(t,e){var n=e+1;return("\n        <div class='dasharray-item'>\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            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(tv.remove2,"</button>\n        </div>\n      "))}))}},{key:yo("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:bn("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:bn("$body .delete"),value:function(t){var e=+t.$dt.attr("data-index");this.state.value.splice(e,1),this.refresh(),this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}])&&XA(n.prototype,r),o&&XA(n,o),e}(ho);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 qA(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 JA(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function tI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function eI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function nI(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 rI(t){return(rI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oI(t,e){return(oI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var iI=function(t){function e(){return tI(this,e),nI(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&&oI(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{parser:new aa(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 aa(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:er("$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]:{};e%2?JA(Object(n),!0).forEach((function(e){QA(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JA(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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\n                        ").concat("Z"===t.command?!1===t.toggle?"opened":"closed":"","\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:En("$data input[type=number]")+Un(300),value:function(t){this.updateData()}},{key:bn("$data .command[data-toggle]"),value:function(t){var e=qA(t.$dt.attrs("data-command","data-toggle"),2),n=e[0],r=e[1];"Z"===n&&(r="false"!==r?"false":"true",t.$dt.attr("data-toggle",r),this.updateData())}}])&&eI(n.prototype,r),o&&eI(n,o),e}(ho);function aI(t){return(aI="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sI(t,e){return!e||"object"!==aI(e)&&"function"!=typeof e?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 fI(t,e){return(fI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pI=function(t){function e(){return cI(this,e),sI(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&&fI(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{parser:new jP(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 jP(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:er("$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:En("$data input[type=number]")+Un(300),value:function(t){this.updateData()}}])&&uI(n.prototype,r),o&&uI(n,o),e}(ho);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 hI(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 dI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bI(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 gI(t){return(gI=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 wI=function(t){function e(){return dI(this,e),bI(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&&mI(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD,SelectEditor:rD}}},{key:"initState",value:function(){var t=hI((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=hI((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=this.$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:er(),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='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(o,'" options="').concat(e,"\" onchange='changeRangeEditor' />\n            </div>\n            <div class='offset-path-item'>\n                <div>").concat(this.$i18n("offset.path.list.editor.totalLength"),": <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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(a||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:ir("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:yo("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")}}])&&vI(n.prototype,r),o&&vI(n,o),e}(ho);function OI(t,e){for(var n=0;n<e.length;n++){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 kI={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},jI=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 J(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){kI[t]?e=t:Fe.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)&&OI(e.prototype,n),r&&OI(e,r),t}();function SI(t){return(SI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xI(t,e){for(var n=0;n<e.length;n++){var 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"!==SI(e)&&"function"!=typeof e?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){return(EI=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 CI=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),TI=function(t){function e(){return PI(this,e),$I(this,EI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,SelectEditor:rD,ColorViewEditor:VD,ColorSingleEditor:$D}}},{key:"initState",value:function(){return{value:jI.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 jI.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=jI.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||rn.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(CI,"' 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:yo("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}])&&xI(n.prototype,r),o&&xI(n,o),e}(ho);function RI(t){return(RI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function AI(t,e){return!e||"object"!==RI(e)&&"function"!=typeof e?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 LI(t,e){return(LI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var MI=["border","border-top","border-right","border-bottom","border-left"],BI={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},zI=function(t){function e(){return DI(this,e),AI(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&&LI(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BorderValueEditor:TI}}},{key:"initState",value:function(){var t=jI.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 jI.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=jI.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:er("$editorArea"),value:function(){var t=this;return MI.map((function(e){var n=BI[e]||e;return n=t.$i18n("border.editor."+n),"\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>".concat(this.$i18n("border.editor.width"),"</label>\n          <label>").concat(this.$i18n("border.editor.style"),"</label>\n          <label>").concat(this.$i18n("border.editor.color"),"</label>\n        </div>\n        <div class='editor-area' ref='$editorArea'>\n\n        </div>\n      </div>\n    ")}},{key:yo("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}])&&VI(n.prototype,r),o&&VI(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 HI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function YI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function XI(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 NI(t){return(NI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KI(t,e){return(KI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WI=function(t){function e(){return HI(this,e),XI(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&&KI(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:EA}}},{key:"initState",value:function(){var t=GI((this.props.value||"").split(":"),3);return{start:+(t[0]||0),end:+(t[1]||1),duration:+(t[2]||1)}}},{key:"refresh",value:function(){this.load(),this.children.$s.setValue(this.state.start*this.state.duration),this.children.$e.setValue(this.state.end*this.state.duration),this.children.$s.setMax(this.state.duration),this.children.$e.setMax(this.state.duration)}},{key:"template",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return("\n            <div class='media-progress-editor'>\n                <div class='drag-area'>\n                    <div class='progress-bar' ref='$progress'></div>\n                    <div class='bar' ref='$bar'></div>                \n                    <div class='drag-item start' ref='$start'></div>\n                    <div class='drag-item end' ref='$end'></div>\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$s' \n                        label='Start' \n                        key='start' \n                        min=\"0\" \n                        max=\"".concat(r,'" \n                        step="0.001" \n                        value="').concat(e*r,"\" \n                        onchange=\"changeValue\" \n                    />\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$e' \n                        label='End' \n                        key='end' \n                        min=\"0\" \n                        max=\"").concat(r,'" \n                        step="0.001" \n                        value="').concat(n*r,'" \n                        onchange="changeValue" \n                    />\n                </div>                \n            </div>\n        '))}},{key:yo("changeValue"),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.state.duration),!0)}},{key:An("$start")+qn("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=rn.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=rn.parse(this.refs.$end.css("left")).toPx(this.rect.width)}},{key:"moveStart",value:function(t,e){var n=Math.min(this.max.value,Math.max(0,this.pos.value+t));this.state.start=n/this.rect.width,this.children.$s.setValue(this.state.start*this.state.duration),this.refresh(),this.updateData()}},{key:ir("$start"),value:function(){return{"data-info":this.state.start,style:{left:rn.percent(100*(this.state.start||0))}}}},{key:An("$end")+qn("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=rn.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=rn.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=rn.px(this.rect.width)}},{key:"moveStartForEnd",value:function(t,e){var n=Math.max(this.min.value,Math.min(this.max.value,this.pos.value+t));this.state.end=n/this.rect.width,this.children.$e.setValue(this.state.end*this.state.duration),this.refresh(),this.updateData()}},{key:ir("$end"),value:function(){return{"data-info":this.state.end,style:{left:rn.percent(100*(this.state.end||1))}}}},{key:ir("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:rn.percent(100*t),width:rn.percent(100*(e-t))}}}},{key:"getValue",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return"".concat(e,":").concat(n,":").concat(r)}},{key:"setValue",value:function(t){var e=GI(t.split(":"),3),n=e[0],r=e[1],o=e[2];this.setState({start:Number(n),end:Number(r),duration:Number(o)})}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState(t,e),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&YI(n.prototype,r),o&&YI(n,o),e}(ho);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 ZI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JI(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 QI(t){return(QI=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 ZI(this,e),JI(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&&tL(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BorderEditor:zI,NumberRangeEditor:EA,SelectEditor:rD,TextShadowEditor:GA,BoxShadowEditor:UR,FilterEditor:tV,ColorViewEditor:VD,RangeEditor:fD,StrokeDashArrayEditor:UA,BackgroundImageEditor:GR,TransformEditor:QV,TransformOriginEditor:lA,PerspectiveOriginEditor:OA,VarEditor:zV,BorderRadiusEditor:wD,ClipPathEditor:AA,PathDataEditor:iI,PolygonDataEditor:pI,OffsetPathListEditor:wI,MediaProgressEditor:WI}}},{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(tt({"hide-title":this.state.hideTitle,"hide-refresh":this.state.hideRefresh}),"'>\n        <div class='title'>\n          <label>").concat(this.$i18n("css.property.editor.properties"),"</label>\n          <div class='tools'>\n            ").concat(this.makePropertySelect(),"\n            <button type=\"button\" ref='$addProperty'>").concat(tv.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":case"playTime":return rn.string("");case"offset-distance":return rn.percent(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return rn.px(0)}}},{key:bn("$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=this.$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(Q({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          <BlendSelectEditor \n          ref='$mixBlendMode".concat(e,"' \n          key='mix-blend-mode' \n          icon=\"true\" \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      "):"playTime"===t.key?"\n        <MediaProgressEditor ref='$playTime".concat(e,"'  key='playTime' value=\"").concat(t.value,'" onchange="changeSelect" />      \n      '):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:yo("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:yo("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:yo("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:yo("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:yo("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:yo("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:yo("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:yo("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:yo("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:yo("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:yo("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:yo("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:yo("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:yo("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":case"playTime":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=\"").concat(0,'"\n              max="').concat(1,'"\n              step="').concat(.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:yo("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:er("$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(tv.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(tv.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:yo("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:bn("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:bn("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}])&&qI(n.prototype,r),o&&qI(n,o),e}(ho);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){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 oL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 oL(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,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,CSSPropertyEditor:eL}}},{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 \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(rn.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:yo("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){if(!(arguments.length>1&&void 0!==arguments[1])||arguments[1],A(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:er("$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!un.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:bn("$offset")+Hn("isNotOffsetItem")+Qn,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=rn.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new BO({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:An("$offset .offset-item")+qn("moveOffset")+Jn("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=rn.parse(t.$dt.css("left")),this.currentOffset=t.$dt,this.currentOffsetIndex=+t.$dt.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=rn.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:yo("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:yo("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=rL(t)),this.modifyOffset()}}])&&iL(n.prototype,r),o&&iL(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 pL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hL(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 dL(t){return(dL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vL(t,e){return(vL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bL=function(t){function e(){return pL(this,e),hL(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&&vL(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new rn("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),o=fL(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=fL(i,2),c=a[0],u=a[1];return A(u)&&(u=c),{radius:e,x:c=rn.parse(c),y:u=rn.parse(u)}}},{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:ir("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:An("$area")+qn()+Jn(),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=rn.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=rn.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:yo("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new rn("","closest-side"):r.includes("farthest-side")&&(n=new rn("","farthest-side")),this.updateData({radius:n})}}}])&&yL(n.prototype,r),o&&yL(n,o),e}(ho);function gL(t){return(gL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OL(t,e){return!e||"object"!==gL(e)&&"function"!=typeof e?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 jL(t,e){return(jL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SL=function(t){function e(){return mL(this,e),OL(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&&jL(t,e)}(e,t),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:ir("$text"),value:function(){return{value:this.state.value}}},{key:En("$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)}}])&&wL(n.prototype,r),o&&wL(n,o),e}(ho);function PL(t){return(PL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EL(t,e){return!e||"object"!==PL(e)&&"function"!=typeof e?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 CL(t,e){return(CL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var TL=function(t){function e(){return xL(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&&CL(t,e)}(e,t),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:ir("$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:er("$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:En("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&$L(n.prototype,r),o&&$L(n,o),e}(ho);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 DL(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)||IL(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function VL(t,e){return LL(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||AL()}function AL(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function IL(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function LL(t){if(Array.isArray(t))return t}function ML(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BL(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ML(Object(n),!0).forEach((function(e){zL(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ML(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zL(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function FL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function GL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HL(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 YL(t){return(YL=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 NL=function(t){function e(){return FL(this,e),HL(this,YL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"components",value:function(){return{TextEditor:SL,NumberRangeEditor:EA,SelectEditor:rD}}},{key:"initState",value:function(){return BL({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=function(t){return LL(t)||IL(t)||AL()}(t.split(" ")),n=e[0],r=e.slice(1);if("linear"===n)var o=VL(r,2),i=o[0],a=o[1];else if("gamma"===n)var c=VL(r,3),u=c[0],s=c[1],l=c[2];return{type:n,values:r,slop:i,intercept:a,amplitude:u,exponent:s,offset:l}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:er("$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:yo("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(DL(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(BL({},this.parse(t)))}},{key:yo("changeValues"),value:function(t,e){this.updateData(zL({},t,e.split(" ")))}},{key:yo("changeLinear"),value:function(t,e){this.updateData(zL({},t,e))}},{key:yo("changeGamma"),value:function(t,e){this.updateData(zL({},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)}}])&&GL(n.prototype,r),o&&GL(n,o),e}(ho),KL={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 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 UL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZL(t,e){for(var n=0;n<e.length;n++){var 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"!==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 JL(t){return(JL=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 tM=Object.keys(KL).map((function(t){return{title:t,values:KL[t]}})),eM=function(t){function e(){return UL(this,e),qL(this,JL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){return{values:Lt(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:ir("$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: left; \n            ")}}},{key:er("$sample"),value:function(){return tM.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:bn("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=tM[e];this.updateData({values:Lt(n.values)}),this.load("$body")}},{key:er("$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:En("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&ZL(n.prototype,r),o&&ZL(n,o),e}(ho),nM={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:"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:"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 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){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 iM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 cM(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 uM(t){return(uM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sM(t,e){return(sM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lM=function(t){function e(){return iM(this,e),cM(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&&sM(t,e)}(e,t),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:er("$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:$n("$file"),value:function(t){var e=this,n=oM(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:bn("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:yo("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)}}])&&aM(n.prototype,r),o&&aM(n,o),e}(ho);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 pM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yM(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dM(t,e){for(var n=0;n<e.length;n++){var 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"!==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 bM(t,e,n){return(bM="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=gM(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 gM(t){return(gM=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 wM=function(t){function e(){return hM(this,e),vM(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&&mM(t,e)}(e,t),n=e,(r=[{key:"getBlendList",value:function(){var t=this;return tE.split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("blend.".concat(e)))}))}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pM(Object(n),!0).forEach((function(e){yM(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},bM(gM(e.prototype),"initState",this).call(this),{options:this.getBlendList()})}}])&&dM(n.prototype,r),o&&dM(n,o),e}(rD);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 kM(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 jM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jM(Object(n),!0).forEach((function(e){PM(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function PM(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EM(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 _M(t){return(_M=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 TM=[{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"}]}],RM=[{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 DM(t){switch(t){case"SpecularLighting":return tv.specular;case"DiffuseLighting":return tv.diffuse;case"SourceGraphic":case"SourceAlpha":return tv.image;case"BackgroundImage":case"BackgroundAlpha":return tv.outline_image;case"Flood":return tv.palette;case"Image":return tv.landscape;case"GaussianBlur":return tv.blur;case"ColorMatrix":return tv.blur_linear;case"Turbulence":return tv.waves;case"Saturate":return tv.vintage;case"HueRotate":return tv.looks;case"LuminanceAlpha":return tv.opacity;case"DropShadow":return tv.shadow;case"Morphology":return tv.broken_image;case"ConvolveMatrix":return tv.camera_roll;case"Offset":return tv.transform;case"Tile":return tv.view_comfy;case"Blend":return tv.gradient;case"Composite":return tv.merge;case"Merge":return tv.settings_input_component;case"DisplacementMap":return tv.texture}return""}function VM(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 AM=[45],IM=[20],LM={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},MM={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(MM).forEach((function(t){MM[t]=MM[t].map((function(t){return t+20}))}));var BM=function(t){function e(){return xM(this,e),EM(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&&CM(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BlendSelectEditor:wM,ColorMatrixEditor:eM,InputArrayEditor:TL,NumberRangeEditor:EA,RangeEditor:fD,ColorViewEditor:VD,SelectEditor:rD,TextEditor:SL,FuncFilterEditor:NL,ImageSelectEditor:lM}}},{key:"makeFilterSelect",value:function(){var t=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(nt(TM,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(nt(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(DM(e.value),"</span>\n                  ").concat(t.$i18n(e.label),"\n                </div>\n                ")})),"\n          </div>\n        ")})),"\n    </div>\n    "))}},{key:"makeFilterTemplateSelect",value:function(){var t=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n  \n      ".concat(nt(RM,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(nt(e.items,(function(e){return' <div class=\'item\' draggable="true" value="'.concat(e.value,'">').concat(t.$i18n(e.label),"</div>")})),"\n          </div>\n        ")})),"\n    </div>\n    "))}},{key:"initState",value:function(){return{filters:this.parseFilter(this.props.value||[]),selectedTabIndex:1,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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\'Item\'>\n                <label class=\'icon\'>'.concat(this.$i18n("svg.filter.editor.tab.filter"),'</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Preset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.preset"),'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="Asset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.asset"),'</label>\n              </div>\n            </div>\n            <div class="tab-body">\n              <div class="tab-content selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content" data-value="2">\n                ').concat(this.makeFilterTemplateSelect(),"\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:bn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedTabIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedTabIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedTabIndex:e},!1))}},{key:kn("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:Sn("$connectedLinePanel")+Qn,value:function(){}},{key:jn("$connectedLinePanel")+Qn,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=nM[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return $O[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("blend"===t.inputType)return"\n        <div>\n          <BlendSelectEditor \n            ref='$blend".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ');if("select"===t.inputType){var o=t.options;return G(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(tv.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(R(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:er("$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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.map((function(t){return PO.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return PO.parse(SM({},e,{type:t}))}},{key:bn("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:bn("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:bn("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:er("$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:An("$graphPanel .filter-node")+qn()+Jn(),value:function(t){this.$target=t.$dt,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=un.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=Y(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:er("$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(Q({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 ha,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+AM[0],r=t.bound.y+IM[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+LM[i][0],y:o.it.bound.y+MM[i][c]}]}},{key:er("$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=VM(e.type);return"\n              <path ".concat(Q({class:"connected-line","data-source-type":o,d:t.makeConnectedPath(r)})," />\n\n              ").concat(r.length&&"\n                <circle ".concat(Q({"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:bn("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=kM(t.$dt.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=this.$config.get("bodyEvent"),o=un.create(r.target),i=o.closest("filter-node");if("out"===this.pointType){if(o.hasClass("in")&&(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;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:rn.px(n.bound.x),top:rn.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(tt({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(t.$i18n(e.type),"</div>\n          <div class='remove'>").concat(tv.close,"</div>\n          <div class='preview' data-source-type=\"").concat(VM(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(DM(e.type),"</div>\n          <div class='in-list'>\n            ").concat(K(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(tv.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:yo("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:yo("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(PM({},t,e)),this.modifyFilter()}},{key:yo("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(PM({},t,e)),this.modifyFilter()}},{key:yo("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(PM({},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:bn("$graphPanel .filter-node .remove"),value:function(t){var e=+t.$dt.closest("filter-node").attr("data-index"),n=this.state.filters[e];this.removeFilter(n.id)}}])&&$M(n.prototype,r),o&&$M(n,o),e}(ho);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 FM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 HM(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 YM(t){return(YM=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 NM=function(t){function e(){return FM(this,e),HM(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&&XM(t,e)}(e,t),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:ir("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:er("$body"),value:function(){var t=this;return Object.keys(tv).map((function(e){var n=tv[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:bn("$body .list-view-item"),value:function(t){var e=t.$dt.attr("data-key");t.$dt.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)}}])&&GM(n.prototype,r),o&&GM(n,o),e}(ho);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 WM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 WM(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,t),n=e,(r=[{key:"components",value:function(){return{IconListViewEditor:NM}}},{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:bn("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:yo("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})}}])&&UM(n.prototype,r),o&&UM(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 nB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rB(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],uB=function(t){function e(){return nB(this,e),oB(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,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){var t=eB(Sd.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:yo("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&cB.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:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(cB.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:bn("$selector button"),value:function(t){var e=t.$dt.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})}}])&&rB(n.prototype,r),o&&rB(n,o),e}(ho);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 lB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pB(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 yB(t){return(yB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hB(t,e){return(hB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dB=function(t){function e(){return lB(this,e),pB(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&&hB(t,e)}(e,t),n=e,(r=[{key:"afterRender",value:function(){var t=this;this.colorPicker=Lh.create({$editor:this.$editor,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'\n      <div ref="$color"></div>\n    '}},{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)}}])&&fB(n.prototype,r),o&&fB(n,o),e}(ho);function vB(t){return(vB="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 gB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==vB(e)&&"function"!=typeof e?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){return(OB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kB(t,e){return(kB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jB=function(t){function e(){return gB(this,e),wB(this,OB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kB(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=(this.props.icons||"").split(e).map((function(t){return t.trim()})),o=(this.props.colors||"").split(e).map((function(t){return t.trim()})),i=this.props.value||"";return{keyValueChar:t,label:this.props.label||"",options:n,icons:r,colors:o,value:i}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-icon-editor ".concat(t?"has-label":"","'>\n                ").concat(t?'<label title="'.concat(t,'">').concat(t,"</label>"):"","\n                <div class='items' ref='$options'></div>\n            </div>\n        ")}},{key:bn("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:er("$options")+Wn,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e,o=e,i="";if((c=e).includes(t.state.keyValueChar)){var a=bB(c.split(t.state.keyValueChar),2),c=a[0];r=a[1]}var u=c===t.state.value,s=u?"selected":"";if(""===e)r=tv.close,o="close";else{var l=t.state.icons[n];tv[l]&&(i="icon"),o=r,r=tv[l]||r||l||e}var f=t.state.colors[n],p={};return u&&f&&(p["background-color"]=f),"<div class='select-icon-item ".concat(s," ").concat(i,"' style='").concat(q(p),"' data-value=\"").concat(c,"\" title='").concat(o,"'>").concat(r,"</div>")}))}},{key:bn("$options .select-icon-item"),value:function(t){var e=t.$dt.attr("data-value");this.updateData({value:e}),this.refresh()}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&mB(n.prototype,r),o&&mB(n,o),e}(ho);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 PB(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xB(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PB(Object(n),!0).forEach((function(e){$B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $B(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function EB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 CB(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 RB(t,e){return(RB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DB=function(t){function e(){return EB(this,e),CB(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&&RB(t,e)}(e,t),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(xB({},t))}},{key:ir("$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:bn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:yo("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(xB({},t))}}])&&_B(n.prototype,r),o&&_B(n,o),e}(ho);function VB(t){return(VB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AB(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 LB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BB(t,e){return!e||"object"!==VB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zB(t){return(zB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FB(t,e){return(FB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GB=function(t){function e(){return LB(this,e),BB(this,zB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FB(t,e)}(e,t),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]:{};e%2?AB(Object(n),!0).forEach((function(e){IB(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):AB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:ir("$miniView"),value:function(){return{style:{"background-image":this.state.image,"background-size":"cover",color:this.props.color}}}},{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:bn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:yo("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}])&&MB(n.prototype,r),o&&MB(n,o),e}(ho);function HB(t){return(HB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 NB(t,e){return!e||"object"!==HB(e)&&"function"!=typeof e?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 WB(t,e){return(WB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UB=function(t){function e(){return YB(this,e),NB(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,t),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:L$.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:L$.parseImage(t)})}},{key:ir("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:ir("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:ir("$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,n=(t.removable,t.simple);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 ").concat(n?"simple":"","' ref='$colors'></div>\n            </div>\n        ")}},{key:bn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:yo("changeFillSingle"),value:function(t,e){this.updateData({image:L$.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}])&&XB(n.prototype,r),o&&XB(n,o),e}(ho);function ZB(t){return(ZB="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function JB(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function QB(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 tz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 nz(t,e){return!e||"object"!==ZB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rz(t){return(rz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oz(t,e){return(oz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var iz=["static-gradient","linear-gradient","radial-gradient","image-resource"],az={"image-resource":tv.photo},cz={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%"}},uz=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],sz=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],lz=function(t){function e(){return tz(this,e),nz(this,rz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,SelectIconEditor:jB,SelectEditor:rD}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:L$.parseImage(this.props.value||"transparent")||y$.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:L$.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(tv.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(tv.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(tv.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(tv.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(tv.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(iz.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(az[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='").concat(this.$i18n("fill.editor.offset"),"' ref='$range' key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n                <div data-editor='spreadMethod'>\n                  <SelectIconEditor label='").concat(this.$i18n("fill.editor.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(sz.map((function(n){var r=t.$i18n("fill.editor."+n);return("\n                    <div data-editor='".concat(n,"'>\n                      <RangeEditor label='").concat(r,"' 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(A(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:$n("$file"),value:function(t){var e=this;this.$selection.currentProject&&QB(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:bn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");cz[e]&&(this.state.image.reset(cz[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 rn.parse(this.getImageFieldValue(this.state.image,t))}},{key:ir("$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:ir("$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:ir("$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:ir("$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:ir("$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:An("$pointerDrawArea circle[data-type]")+qn("moveDragPointer"),value:function(t){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=t.xy,this.type=t.$dt.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:rn.percent((e-i)/r*100),top:rn.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:bn("$tab .picker-tab-item"),value:function(t){var e=this,n=t.$dt.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={};uz.forEach((function(t){o[t]=e.children["$".concat(t)].getValue()})),this.state.image=L$.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qB(Object(n),!0).forEach((function(e){JB(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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",this.$i18n("fill.editor.message.click.image")):this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.drag.position"))}},{key:yo("changeKeyValue"),value:function(t,e){this.state.image.reset(JB({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:yo("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:bn("$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:ir("$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:ir("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ir("$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:er("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>'))}))}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.children.$range.setValue(rn.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:An("$stepList .step")+qn(),value:function(t){var e=t.$dt.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(rn.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(qc.toColorString(t.colorsteps),")")}},{key:yo("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:yo("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"}}])&&ez(n.prototype,r),o&&ez(n,o),e}(ho);function fz(t){return(fz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 yz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dz(t,e){return!e||"object"!==fz(e)&&"function"!=typeof e?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 bz(t,e){return(bz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gz=function(t){function e(){return yz(this,e),dz(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&&bz(t,e)}(e,t),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(tv.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(tv.remove,"</button>\n            </div>\n        ")}},{key:bn("$remove"),value:function(t){this.updateData({value:""})}},{key:bn("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$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:ir("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:er("$options"),value:function(){var t=this,e=this.$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=pz(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",this.$i18n("svgfilter.select.editor.message.create")):"-"===t?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.select")):this.emit("addStatusBarMessage","")}},{key:$n("$options"),value:function(){var t=this,e=this.refs.$options.value;"new"==e?this.emit("addSVGFilterAssetItem",(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:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$options")}},{key:yo("openSVGFilterPopup"),value:function(t){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:t,filters:e.filters})}},{key:yo("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}])&&hz(n.prototype,r),o&&hz(n,o),e}(ho);function mz(t){return(mz="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kz(t,e){return!e||"object"!==mz(e)&&"function"!=typeof e?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 Sz(t,e){return(Sz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Pz=function(t){function e(){return wz(this,e),kz(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&&Sz(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:rn.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:ir("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:En("$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)}}])&&Oz(n.prototype,r),o&&Oz(n,o),e}(ho);function xz(t){return(xz="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ez(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$z(Object(n),!0).forEach((function(e){_z(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$z(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _z(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Cz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Tz(t,e){for(var n=0;n<e.length;n++){var 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"!==xz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Dz(t){return(Dz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vz(t,e){return(Vz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Az=function(t){function e(){return Cz(this,e),Rz(this,Dz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB}}},{key:"getDirectionOptions",value:function(){return this.makeOptionsFunction("row,column,row-reverse,column-reverse")}},{key:"getWrapOptions",value:function(){return this.makeOptionsFunction("nowrap,wrap,wrap-reverse")}},{key:"getJustifyContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around")}},{key:"getAlignItemsOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,baseline,stretch")}},{key:"getAlignContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around,stretch")}},{key:"makeOptionsFunction",value:function(t){var e=this;return t.split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("flex.layout.editor."+t))})).join(",")}},{key:"initState",value:function(){return Ez({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(Ez({},J(t)))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(this.getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(this.getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"]||"flex-start",'"\n                    options="').concat(this.getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"]||"flex-start",'"\n                    options="').concat(this.getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"]||"flex-start",'"\n                    options="').concat(this.getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(_z({},t,e),!1),this.modifyData()}}])&&Tz(n.prototype,r),o&&Tz(n,o),e}(ho);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 Lz(t){return function(t){if(Array.isArray(t))return t}(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 destructure non-iterable instance")}()}function Mz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Bz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zz(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 Fz(t){return(Fz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gz(t,e){return(Gz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Hz=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,Yz=function(t){function e(){return Mz(this,e),zz(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&&Gz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD,NumberInputEditor:PR,InputRangeEditor:uV}}},{key:"getLayoutItemOptions",value:function(){var t=this;return"none,auto,repeat,length".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("grid.box.editor.".concat(e)))})).join(",")}},{key:"initState",value:function(){return{label:this.props.label,list:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){for(var e=null,n=[];null!==(e=Hz.exec(t));){var r=e[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var o=r.split("repeat(")[1].split(")");o.pop();var i=Lz(o.join("").split(",")),a=i[0],c=i.slice(1);n.push({type:"repeat",count:a,value:c.join(", ")})}else n.push({type:"length",count:1,value:r})}return n}},{key:"getValue",value:function(){return this.state.list.map((function(t){return"repeat"===t.type?"repeat(".concat(t.count,", ").concat(t.value,")"):"auto"===t.type||"none"===t.type?t.type:t.value})).join(" ")}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(t,e){return"\n            <div class='item' data-repeat-type='".concat(t.type,"' data-index='").concat(e,"' >\n                <div class='repeat'>\n                    <SelectEditor \n                        ref='$").concat(e,"-type' \n                        options=\"").concat(this.getLayoutItemOptions(),'" \n                        key="type" \n                        value="').concat(t.type||"auto",'" \n                        params="').concat(e,"\" \n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='count'>\n                    <NumberInputEditor \n                        ref='$").concat(e,'-count\' \n                        key="count" \n                        value="').concat(t.count,'" \n                        params="').concat(e,"\" \n                        max='1000'\n                        onchange=\"changeKeyValue\" />\n                </div>                \n                <div class='value'>\n                    <InputRangeEditor \n                        ref='$").concat(e,'-value\' \n                        key="value" \n                        value="').concat(t.value,'" \n                        params="').concat(e,"\" \n                        units='auto,fr,px,em,%'\n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy'>").concat(tv.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(tv.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:er("$list"),value:function(){var t=this;return this.state.list.map((function(e,n){return t.makeItem(e,n)}))}},{key:"template",value:function(){return"\n            <div class='grid-box-editor' ref='$body' >\n                <div class='grid-box-editor-item'>\n                    <div class='item header'>\n                        <div class='repeat'>\n                            <label>".concat(this.state.label," </label>\n                            <button type='button' ref='$add'>").concat(tv.add,"</button>\n                        </div>\n                        <div class='count'>").concat(this.$i18n("grid.box.editor.count"),"</div>\n                        <div class='value'>").concat(this.$i18n("grid.box.editor.value"),"</div>\n                        <div class='tools'></div>\n                    </div>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        ")}},{key:bn("$list .remove"),value:function(t){var e=+t.$dt.closest("item").attr("data-index");this.state.list.splice(e,1),this.refresh(),this.modifyData()}},{key:bn("$list .copy"),value:function(t){var e=+t.$dt.closest("item").attr("data-index"),n=clone(this.state.list[e]);this.state.list.splice(e,0,n),this.refresh(),this.modifyData()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:yo("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:yo("changeKeyValue"),value:function(t,e,n){var r=+n,o=this.state.list[r];o&&("type"===t&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",e),o[t]=e),this.modifyData()}}])&&Bz(n.prototype,r),o&&Bz(n,o),e}(ho);function Xz(t){return(Xz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Kz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wz(t,e){return!e||"object"!==Xz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uz(t){return(Uz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zz(t,e){return(Zz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qz=function(t){function e(){return Nz(this,e),Wz(this,Uz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){return{label:this.props.label,value:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){return rn.parse(t)}},{key:"getValue",value:function(){return this.state.value}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(){return"\n            <div class='item'>\n                <div class='value'>\n                    <RangeEditor\n                        label='".concat(this.state.label,"' \n                        ref='$value' \n                        key=\"value\" \n                        value=\"").concat(this.state.value,'" \n                        units=\'px,em,%\'\n                        onchange="changeKeyValue" />\n                </div>\n            </div>\n        ')}},{key:er("$list"),value:function(){return this.makeItem()}},{key:"template",value:function(){return"\n            <div class='grid-gap-editor' ref='$body' >\n                <div class='grid-gap-editor-item'>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}])&&Kz(n.prototype,r),o&&Kz(n,o),e}(ho);function Jz(t){return(Jz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qz(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tF(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qz(Object(n),!0).forEach((function(e){eF(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qz(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==Jz(e)&&"function"!=typeof e?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 nF(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,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB,GridBoxEditor:Yz,GridGapEditor:qz}}},{key:"initState",value:function(){return tF({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(tF({},J(t)))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='".concat(this.$i18n("grid.layout.editor.template.columns"),"'\n                    ref='$columnBox'\n                    key='grid-template-columns'\n                    value=\"").concat(this.state["grid-template-columns"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.column.gap"),"'\n                    key='grid-column-gap'\n                    value=\"").concat(this.state["grid-column-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='").concat(this.$i18n("grid.layout.editor.template.rows"),"'\n                    ref='$rowBox'\n                    key='grid-template-rows'\n                    value=\"").concat(this.state["grid-template-rows"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.row.gap"),"'                \n                    key='grid-row-gap'\n                    value=\"").concat(this.state["grid-row-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(eF({},t,e),!1),this.modifyData()}}])&&rF(n.prototype,r),o&&rF(n,o),e}(ho);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yF(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 hF(t){return(hF=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=function(t){function e(){return fF(this,e),yF(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&&dF(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sF(Object(n),!0).forEach((function(e){lF(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sF(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(J(t))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(lF({},t,e),!1),this.modifyData()}}])&&pF(n.prototype,r),o&&pF(n,o),e}(ho);function bF(t){return(bF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kF(t,e){return!e||"object"!==bF(e)&&"function"!=typeof e?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 SF(t,e){return(SF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PF=function(t){function e(){return wF(this,e),kF(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&&SF(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gF(Object(n),!0).forEach((function(e){mF(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gF(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(J(t))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("grid.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='grid-direction'\n                    value=\"").concat(this.state["grid-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='grid-wrap'\n                    value=\"").concat(this.state["grid-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(mF({},t,e),!1),this.modifyData()}}])&&OF(n.prototype,r),o&&OF(n,o),e}(ho);function xF(t){return(xF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $F(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function EF(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$F(Object(n),!0).forEach((function(e){_F(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$F(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _F(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function CF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RF(t,e){return!e||"object"!==xF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function DF(t){return(DF=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 CF(this,e),RF(this,DF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,x:rn.parse(this.props.x),y:rn.parse(this.props.y),width:rn.parse(this.props.width),height:rn.parse(this.props.height),lineWidth:rn.parse(this.props.linewidth),lineHeight:rn.parse(this.props.lineheight),backColor:this.props.backcolor,foreColor:this.props.forecolor,blendMode:this.props.blendmode,type:this.props.type}}},{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(EF({},t))}},{key:ir("$miniView"),value:function(){var t=EF({},this.state);return this.state.width.value>80&&(t.width=rn.px(80),t.x=rn.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=rn.px(80),t.y=rn.px(this.state.y.value/this.state.height.value/80)),{cssText:Sl.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='pattern-size-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:bn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:yo("changePatternInfo"),value:function(t){this.updateData(EF({},t))}}])&&TF(n.prototype,r),o&&TF(n,o),e}(ho),IF=[{key:"check",title:"Check",execute:function(){return[{pattern:"check(20px 20px, 10px 10px, black, transparent)"},{pattern:"check(40px 40px, 20px 20px, black, transparent)"},{pattern:"check(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"check(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"grid",title:"Grid",execute:function(){return[{pattern:"grid(20px 20px, 10px 10px, black, transparent)"},{pattern:"grid(40px 40px, 20px 20px, black, transparent)"},{pattern:"grid(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"grid(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"dot",title:"Dot",execute:function(){return[{pattern:"dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"dot(40px 40px, 20px 20px, #E7393F, #FEF0BC, normal, 2px)"},{pattern:"dot(60px 60px, 30px 30px, #E7393F, black, normal, 3px)"},{pattern:"dot(80px 80px, 40px 40px, #B7C4CD, white, normal, 4px)"}]}},{key:"cross-dot",title:"Cross Dot",execute:function(){return[{pattern:"cross-dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"cross-dot(40px 40px, 20px 20px, #DDB104, #FEF0BC, normal, 4px)"},{pattern:"cross-dot(60px 60px, 30px 30px, #35DB92, #DCF9EC, normal, 6px)"}]}},{key:"diagonal-line",title:"Diagonal Line",execute:function(){return[{pattern:"diagonal-line(10px 10px, 45deg, #B7C4CD, white, normal, 1px)"},{pattern:"diagonal-line(25px 25px, 90deg, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"diagonal-line(50px 50px, 135deg, #35DB92, #DCF9EC, normal, 3px)"}]}},{key:"vertical-line",title:"Vertical Line",execute:function(){return[{pattern:"vertical-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"vertical-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"vertical-line(50px 50px, 0, black, rgba(231,57,63,0.9), normal, 1px)"}]}},{key:"horizontal-line",title:"Horizontal Line",execute:function(){return[{pattern:"horizontal-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"horizontal-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"horizontal-line(50px 50px, 0, #35DB92, #DCF9EC, normal, 3px)"}]}}];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 MF(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 BF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FF(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 GF(t){return(GF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HF(t,e){return(HF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YF={MediaProgressEditor:WI,BlendSelectEditor:wM,PatternEditor:function(t){function e(){return BF(this,e),FF(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&&HF(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD,ColorSingleEditor:$D,PatternSizeEditor:AF}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],value:this.props.value,patterns:this.parsePattern(this.props.value)}}},{key:"parsePattern",value:function(t){return Sl.parseStyle(t)}},{key:"setValue",value:function(t){this.setState({value:t,patterns:this.parsePattern(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return("\n            <div class='pattern-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(tv.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        "))}},{key:er("$patternList"),value:function(){var t=this;return this.state.patterns.map((function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n            <div class='pattern-item ".concat(r,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,"\"  draggable='true'>\n                <PatternSizeEditor ").concat(Q({key:"pattern-size",ref:"$bp".concat(n),type:e.type,x:e.x,y:e.y,width:e.width,height:e.height,index:n,foreColor:e.foreColor,backColor:e.backColor,blendMode:e.blendMode,lineWidth:e.lineWidth,lineHeight:e.lineHeight})," onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(tv.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=Sl.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:yo("add"),value:function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",n=IF.find((function(t){return t.key===e}));n&&((t=this.state.patterns).push.apply(t,MF(Sl.parseStyle(n.execute()[0].pattern))),this.refresh(),this.modifyPattern())}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:kn("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$patternList .pattern-item")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(MF(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:jn("$patternList .pattern-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortPattern(this.startIndex,e),this.modifyPattern(),this.refresh()}},{key:"getCurrentPattern",value:function(){return this.state.patterns[this.selectedIndex]}},{key:bn("$patternList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.patterns.splice(e,1),this.modifyPattern(),this.refresh()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?this.refs["fillIndex".concat(t)].addClass("selected"):this.refs["fillIndex".concat(t)].removeClass("selected"),this.state.patterns.forEach((function(e,n){e.selected=n===t}))}},{key:yo("changePatternSizeInfo")+Un(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}])&&zF(n.prototype,r),o&&zF(n,o),e}(ho),PatternSizeEditor:AF,GridGapEditor:qz,NumberInputEditor:PR,GridLayoutItemEditor:PF,GridBoxEditor:Yz,FlexLayoutItemEditor:vF,GridLayoutEditor:cF,FlexLayoutEditor:Az,TextAreaEditor:Pz,ColorMatrixEditor:eM,FuncFilterEditor:NL,SVGFilterSelectEditor:gz,FillEditor:lz,FillSingleEditor:UB,BorderEditor:zI,BorderValueEditor:TI,GradientSingleEditor:GB,BackgroundPositionEditor:DB,OffsetPathListEditor:wI,PolygonDataEditor:pI,PathDataEditor:iI,StrokeDashArrayEditor:UA,InputRangeEditor:uV,SelectIconEditor:jB,ImageSelectEditor:lM,EmbedColorPicker:dB,IconListViewEditor:NM,InputArrayEditor:TL,DirectionEditor:uB,SVGClipPathEditor:QM,NumberRangeEditor:EA,TextEditor:SL,SVGFilterEditor:BM,CircleEditor:bL,BackgroundImageEditor:GR,BoxShadowEditor:UR,BorderRadiusEditor:wD,ColorSingleEditor:$D,ColorViewEditor:VD,CubicBezierEditor:GD,FilterEditor:tV,GradientEditor:kV,IterationCountEditor:RV,OffsetEditor:sL,CSSPropertyEditor:eL,PerspectiveOriginEditor:OA,RangeEditor:fD,SelectEditor:rD,TextShadowEditor:GA,TransformEditor:QV,TransformOriginEditor:lA,VarEditor:zV};function XF(t){return(XF="function"==typeof Symbol&&"symbol"==typeof Symbol.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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function KF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==XF(e)&&"function"!=typeof e?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={"segment-move":"modify",modify:"modify",path:"path",transform:"transform"},QF=function(t){function e(){return KF(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,t),n=e,(r=[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return YF}},{key:yo("refreshSelection"),value:function(){var t=this.$selection.current;t&&(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"]||rn.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||rn.number(1)))}},{key:"template",value:function(){return this.$selection.current,"\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='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(tv.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(tv.control_point,"</button>\n            <button type=\"button\" data-value='transform' title='").concat(this.$i18n("path.manager.mode.transform"),"' > ").concat(tv.format_shapes,"</button>\n        </div>\n        <div class='tools' ref='$flip'>\n            <button type=\"button\" data-value='flipX' title='").concat(this.$i18n("path.manager.mode.flipX"),"'>").concat(tv.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(tv.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(tv.flip,"</button>\n        </div>\n        <div class='tools'>      \n          <div >\n            <FillSingleEditor ref='$fill' simple=\"true\" label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n          </div>\n\n\n          <div >\n            <FillSingleEditor ref='$stroke' simple=\"true\"  label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n          </div>      \n\n          <div >\n            <NumberInputEditor \n              ref='$fillOpacity' \n              label='").concat(this.$i18n("svg.item.property.fillOpacity"),'\' \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          <div >\n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              label=\'').concat(this.$i18n("svg.item.property.strokeWidth"),'\' \n              key="stroke-width" \n              onchange="changeValue" />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:yo("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}),this.emit("setAttribute",{stroke:e},null,!0))}},{key:yo("changeValue"),value:function(t,e,n){this.emit("setAttribute",NF({},t,e),null,!0),this.updateData(NF({},t,e))}},{key:ir("$mode"),value:function(){return{"data-selected-value":JF[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:bn("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:bn("$mode button"),value:function(t){var e=t.$dt.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,t)}},{key:yo("changePathManager"),value:function(t){this.setState({mode:t})}},{key:yo("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),this.emit("change.mode.view","PathEditorView")}},{key:yo("hidePathManager"),value:function(){this.$el.hide()}}])&&WF(n.prototype,r),o&&WF(n,o),e}(ho);function tG(t){return(tG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eG(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==tG(e)&&"function"!=typeof e?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 rG(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,t),n=e,(r=[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eG(Object(n),!0).forEach((function(e){nG(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eG(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},YF)}},{key:yo("refreshSelection"),value:function(){var t=this.$selection.current;t&&(this.children.$stroke.setValue(t.stroke||"rgba(0, 0, 0, 1)"),this.children.$strokeWidth.setValue(t["stroke-width"]||rn.number(1)))}},{key:yo("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}))}},{key:"template",value:function(){return"\n      <div class='draw-manager'>\n        <div class='tools'>   \n          <div >        \n            <label>".concat(this.$i18n("draw.manager.tolerance"),'</label>            \n            <NumberInputEditor \n              ref=\'$tolerance\' \n              key=\'tolerance\' \n              value="1" \n              min="0"\n              max="100"\n              step="0.01"\n              unit="number" \n              onchange="changeValue" \n            />\n          </div>              \n          <div >\n            <label>').concat(this.$i18n("svg.item.property.stroke"),'</label>          \n            <FillSingleEditor ref=\'$stroke\' simple="true" value="').concat(this.state.stroke,'" key=\'stroke\' onchange="changeValue" />\n          </div>                \n\n          <div >\n            <label>').concat(this.$i18n("svg.item.property.strokeWidth"),'</label>          \n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              key="stroke-width" \n              value="').concat(this.state["stroke-width"],'"              \n              onchange="changeValue" />\n          </div>      \n          \n\n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineCap"),'</label>          \n            <SelectEditor\n              ref=\'$strokeLineCap\' \n              key="stroke-linecap" \n              value="').concat(this.state["stroke-linecap"],'"                   \n              options="butt,round,square" \n              onchange="changeValue" \n            />\n          </div> \n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineJoin"),'</label>          \n            <SelectEditor \n              ref=\'$strokeLineJoin\' \n              key="stroke-linejoin" \n              value="').concat(this.state["stroke-linejoin"],'"                                 \n              options="miter,bevel,round" \n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:yo("changeValue"),value:function(t,e,n){this.updateData(nG({},t,e))}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.instance.trigger(this.state.changeEvent,t)}},{key:yo("changePathManager"),value:function(t){this.setState({mode:t})}},{key:yo("showDrawManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changeDrawManager",this.setState(t),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("hidePathManager")}},{key:yo("hideDrawManager"),value:function(){this.$el.hide()}}])&&oG(n.prototype,r),o&&oG(n,o),e}(ho);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fG(t,e){for(var n=0;n<e.length;n++){var 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"!==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 yG(t){return(yG=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 dG=function(t){function e(){return lG(this,e),pG(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&&hG(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{PathManager:QF,DrawManager:uG}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <PathManager />\n        <DrawManager />\n        <SelectionManager />\n      </div>\n    "}}])&&fG(n.prototype,r),o&&fG(n,o),e}(ho);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gG(t,e){for(var n=0;n<e.length;n++){var 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"!==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 wG(t){return(wG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OG(t,e){return(OG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kG=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],jG={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},SG=function(t){function e(){return bG(this,e),mG(this,wG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n            <div class='rotate-editor-view'>            \n                <div class='rotate-area' ref='$rotateArea'>\n                    <div class='rotate-container' ref='$rotateContainer'>\n                        <div class='rotate-item rotate-x'></div>\n                        <div class='rotate-item rotate-y'></div>\n                    </div>\n                </div>\n                <div class='direction-area' ref='$directionArea'>\n                    ".concat(kG.map((function(t){return"<div class='direction' data-value='".concat(t,"'></div>")})).join(""),"\n                </div>                \n                <div class='rotate-z' ref='$rotateZ'>\n                    <div class='handle-line'></div>                \n                    <div class='handle icon' ref='$handle'>").concat(tv.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:bn("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=rn.deg(jG[e]||0);this.$selection.each((function(t){var e=ti.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.$selection.setRectCache()}},{key:ir("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:ti.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:ir("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:ti.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:gn("$rotateArea"),value:function(){this.$selection.each((function(t){t.reset({transform:ti.remove(t.transform,["rotateX","rotateY"])})})),this.bindData("$rotateContainer"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:An("$rotateArea")+qn("moveRotateXY")+Jn("moveEndRotateXY"),value:function(){this.setCacheRotateXY()}},{key:"setCacheRotateXY",value:function(){this.setCacheBaseTrasnform("rotateX","rotateY")}},{key:"moveRotateXY",value:function(t,e){this.modifyRotateXY(t,e),this.bindData("$rotateContainer"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"moveEndRotateXY",value:function(t,e){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{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=rn.deg(-e/this.$editor.scale),o=rn.deg(t/this.$editor.scale);this.$selection.each((function(t,e){n.modifyCacheItem(t,e,rn.deg(0),"rotateX",r),n.modifyCacheItem(t,e,rn.deg(0),"rotateY",o),t.transform=ti.join(t.transformObj)}))}},{key:gn("$handle"),value:function(){this.$selection.each((function(t){t.reset({transform:ti.remove(t.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:An("$handle")+qn()+Jn(),value:function(){this.setCacheRotateZ()}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"end",value:function(){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{key:"modifyRotateZ",value:function(t,e){var n=this,r=this.$config.get("bodyEvent"),o=rn.deg(Math.floor(mt(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.$selection.each((function(t,e){var i=rn.deg(0);e.rotateZ?i.set(e.rotateZ.value[0].value):e.rotate&&i.set(e.rotate.value[0].value),i.add(o.value),r.altKey&&i.add(-i.value%10),n.setTransformValue(t,"rotateZ",i),t.transform=ti.join(t.transformObj)}))}},{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:"setCacheBaseTrasnform",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.$selection.each((function(t,n){t.transformObj=ti.parseStyle(t.transform),n.transformObj=ti.parseStyle(n.transform),e.forEach((function(t){n[t]=n.transformObj.filter((function(e){return e.type===t}))[0]}))}))}},{key:"setCacheRotateZ",value:function(){var t=this.refs.$handle.rect(),e=this.refs.$rotateZ.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:yo("refreshSelection"),value:function(){this.refresh()}}])&&gG(n.prototype,r),o&&gG(n,o),e}(ho);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 xG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EG(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 _G(t){return(_G=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 TG=function(t){function e(){return xG(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&&CG(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{PageTools:RR,ElementView:gR,PageSubEditor:dG,RotateEditorView:SG}}},{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 scrollbar' ref='$lock'>\n            <ElementView ref='$elementView' />\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <PageTools />\n        <RotateEditorView />\n      </div>\n    "}},{key:Bn("$lock")+Kn+Qn+Zn(10),value:function(t){var e=t.deltaY<0?1.1:.9;this.emit("changeScaleValue",this.$editor.scale*e)}}])&&$G(n.prototype,r),o&&$G(n,o),e}(ho);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 DG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 AG(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 IG(t){return(IG=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 MG=function(t){function e(){return DG(this,e),AG(this,IG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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:bn(),value:function(t){this.clickButton(t)}}])&&VG(n.prototype,r),o&&VG(n,o),e}(ho);function BG(t){return(BG="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function FG(t,e){for(var n=0;n<e.length;n++){var 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){return!e||"object"!==BG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HG(t){return(HG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YG(t,e){return(YG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XG=function(t){function e(){return zG(this,e),GG(this,HG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YG(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.github.title")}},{key:"clickButton",value:function(t){window.open("https://github.com/easylogic/editor","github-window")}}])&&FG(n.prototype,r),o&&FG(n,o),e}(MG);function NG(t){return(NG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KG(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function UG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qG(t,e){return!e||"object"!==NG(e)&&"function"!=typeof e?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 QG(t,e){return(QG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tH=function(t){function e(){return UG(this,e),qG(this,JG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QG(t,e)}(e,t),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\'>'.concat(this.$i18n("menu.item.codepen.title"),"</div>\n      </button>\n    </form>     \n    ")}},{key:Vn(),value:function(){var t=Ya.generate(this.$editor);return this.refs.$codepen.val(JSON.stringify(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KG(Object(n),!0).forEach((function(e){WG(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KG(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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}}])&&ZG(n.prototype,r),o&&ZG(n,o),e}(ho);function eH(t){return(eH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==eH(e)&&"function"!=typeof e?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 nH(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","rect")}}])&&rH(n.prototype,r),o&&rH(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yH(t,e){return(yH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hH=function(t){function e(){return sH(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&&yH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.lens}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","circle")}}])&&lH(n.prototype,r),o&&lH(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gH(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 mH(t){return(mH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wH(t,e){return(wH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var OH=function(t){function e(){return vH(this,e),gH(this,mH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.left}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.left")}}])&&bH(n.prototype,r),o&&bH(n,o),e}(MG);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 jH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PH(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 xH(t){return(xH=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 EH=function(t){function e(){return jH(this,e),PH(this,xH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.right}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.right")}}])&&SH(n.prototype,r),o&&SH(n,o),e}(MG);function _H(t){return(_H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function CH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function TH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RH(t,e){return!e||"object"!==_H(e)&&"function"!=typeof e?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 VH(t,e){return(VH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var AH=function(t){function e(){return CH(this,e),RH(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&&VH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.center}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.center")}}])&&TH(n.prototype,r),o&&TH(n,o),e}(MG);function IH(t){return(IH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function MH(t,e){for(var n=0;n<e.length;n++){var 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"!==IH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zH(t){return(zH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FH(t,e){return(FH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GH=function(t){function e(){return LH(this,e),BH(this,zH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.top}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.top")}}])&&MH(n.prototype,r),o&&MH(n,o),e}(MG);function HH(t){return(HH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function NH(t,e){return!e||"object"!==HH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KH(t){return(KH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WH(t,e){return(WH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UH=function(t){function e(){return YH(this,e),NH(this,KH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.bottom}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.bottom")}}])&&XH(n.prototype,r),o&&XH(n,o),e}(MG);function ZH(t){return(ZH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function JH(t,e){for(var n=0;n<e.length;n++){var 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"!==ZH(e)&&"function"!=typeof e?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){return(tY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eY(t,e){return(eY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nY=function(t){function e(){return qH(this,e),QH(this,tY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.middle}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.middle")}}])&&JH(n.prototype,r),o&&JH(n,o),e}(MG);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 oY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 cY(t){return(cY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function uY(t,e){return(uY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sY=function(t){function e(){return oY(this,e),aY(this,cY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.same_height}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}])&&iY(n.prototype,r),o&&iY(n,o),e}(MG);function lY(t){return(lY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yY(t,e){return!e||"object"!==lY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hY(t){return(hY=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)}var vY=function(t){function e(){return fY(this,e),yY(this,hY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.same_width}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.width")}}])&&pY(n.prototype,r),o&&pY(n,o),e}(MG);function bY(t){return(bY="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 wY(t,e){return!e||"object"!==bY(e)&&"function"!=typeof e?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){return(OY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kY(t,e){return(kY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jY=function(t){function e(){return gY(this,e),wY(this,OY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kY(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"copy"}},{key:"getTitle",value:function(){return"Copy"}},{key:"clickButton",value:function(t){this.$selection.copy(),this.emit("refreshAll"),this.emit("refreshSelection")}},{key:yo("refreshSelection"),value:function(){this.$el.hide()}}])&&mY(n.prototype,r),o&&mY(n,o),e}(MG);function SY(t){return(SY="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==SY(e)&&"function"!=typeof e?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){return(EY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _Y(t,e){return(_Y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CY=function(t){function e(){return PY(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&&_Y(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","text")}}])&&xY(n.prototype,r),o&&xY(n,o),e}(MG);function TY(t){return(TY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 VY(t,e){return!e||"object"!==TY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AY(t){return(AY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function IY(t,e){return(IY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LY=function(t){function e(){return RY(this,e),VY(this,AY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.launch}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(t){this.emit("showExportView")}}])&&DY(n.prototype,r),o&&DY(n,o),e}(MG);function MY(t){return(MY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FY(t,e){return!e||"object"!==MY(e)&&"function"!=typeof e?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){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 YY=function(t){function e(){return BY(this,e),FY(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.note}},{key:"getTitle",value:function(){return this.$i18n("menu.item.learn.title")}},{key:"clickButton",value:function(t){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}])&&zY(n.prototype,r),o&&zY(n,o),e}(MG);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 NY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function KY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WY(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 UY(t){return(UY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ZY(t,e){return(ZY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qY=function(t){function e(){return NY(this,e),WY(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&&ZY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.cube}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cube")}}])&&KY(n.prototype,r),o&&KY(n,o),e}(MG);function JY(t){return(JY="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==JY(e)&&"function"!=typeof e?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){return(nX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rX(t,e){return(rX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oX=function(t){function e(){return QY(this,e),eX(this,nX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.photo}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addComponentType","image")}}])&&tX(n.prototype,r),o&&tX(n,o),e}(MG);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 aX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uX(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 sX(t){return(sX=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 fX=function(t){function e(){return aX(this,e),uX(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&&lX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.pentool}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(t){this.emit("addPath")}}])&&cX(n.prototype,r),o&&cX(n,o),e}(MG);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 yX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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){return(vX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bX(t,e){return(bX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gX=function(t){function e(){return yX(this,e),dX(this,vX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.storage}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){this.emit("saveJSON")}}])&&hX(n.prototype,r),o&&hX(n,o),e}(MG);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 wX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function OX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kX(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 jX(t){return(jX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function SX(t,e){return(SX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PX=function(t){function e(){return wX(this,e),kX(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&&SX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.archive}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(t){this.emit("downloadJSON")}}])&&OX(n.prototype,r),o&&OX(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function EX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _X(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 TX(t,e){return(TX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RX=function(t){function e(){return $X(this,e),_X(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&&TX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.near_me}},{key:"getIcon",value:function(){return"flipY"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(t){this.emit("selectItem")}}])&&EX(n.prototype,r),o&&EX(n,o),e}(MG);function DX(t){return(DX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function AX(t,e){for(var n=0;n<e.length;n++){var 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"!==DX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LX(t){return(LX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MX(t,e){return(MX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BX=function(t){function e(){return VX(this,e),IX(this,LX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.outline_rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-rect")}}])&&AX(n.prototype,r),o&&AX(n,o),e}(MG);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 HX(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 YX(t){return(YX=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 NX=function(t){function e(){return FX(this,e),HX(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&&XX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.outline_circle}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-circle")}}])&&GX(n.prototype,r),o&&GX(n,o),e}(MG);function KX(t){return(KX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==KX(e)&&"function"!=typeof e?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 JX(t,e){return(JX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QX=function(t){function e(){return WX(this,e),ZX(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&&JX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.fullscreen}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}])&&UX(n.prototype,r),o&&UX(n,o),e}(MG);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nN(t,e){for(var n=0;n<e.length;n++){var 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"!==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 oN(t){return(oN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iN(t,e){return(iN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aN=function(t){function e(){return eN(this,e),rN(this,oN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iN(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.text_rotate}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-textpath")}}])&&nN(n.prototype,r),o&&nN(n,o),e}(MG);function cN(t){return(cN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lN(t,e){return!e||"object"!==cN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fN(t){return(fN=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 yN=function(t){function e(){return uN(this,e),lN(this,fN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.cylinder}},{key:"getTitle",value:function(){return this.props.title||"Cylinder"}},{key:"getClassName",value:function(){return"cylinder"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cylinder")}}])&&sN(n.prototype,r),o&&sN(n,o),e}(MG);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 dN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vN(t,e){for(var n=0;n<e.length;n++){var 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"!==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 gN(t){return(gN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mN(t,e){return(mN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wN=function(t){function e(){return dN(this,e),bN(this,gN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mN(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svgtext")}}])&&vN(n.prototype,r),o&&vN(n,o),e}(MG);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 kN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jN(t,e){for(var n=0;n<e.length;n++){var 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"!==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 PN(t){return(PN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xN(t,e){return(xN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $N=function(t){function e(){return kN(this,e),SN(this,PN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xN(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(t){this.emit("showLoginWindow")}}])&&jN(n.prototype,r),o&&jN(n,o),e}(MG);function EN(t){return(EN="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function CN(t,e){for(var n=0;n<e.length;n++){var 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"!==EN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function RN(t){return(RN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DN(t,e){return(DN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VN=function(t){function e(){return _N(this,e),TN(this,RN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DN(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(t){this.emit("showSignWindow")}}])&&CN(n.prototype,r),o&&CN(n,o),e}(MG);function AN(t){return(AN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function IN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MN(t,e){return!e||"object"!==AN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BN(t){return(BN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zN(t,e){return(zN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FN=function(t){function e(){return IN(this,e),MN(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&&zN(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.artboard}},{key:"getTitle",value:function(){return this.props.title||"Artboard"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addArtBoard")}}])&&LN(n.prototype,r),o&&LN(n,o),e}(MG);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 HN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 XN(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 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 HN(this,e),XN(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.edit}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addDrawPath")}}])&&YN(n.prototype,r),o&&YN(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JN(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 QN(t){return(QN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tK(t,e){return(tK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eK=function(t){function e(){return ZN(this,e),JN(this,QN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tK(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.brush}},{key:"getTitle",value:function(){return this.props.title||"draw a brush"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addDrawBrush")}}])&&qN(n.prototype,r),o&&qN(n,o),e}(MG);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 rK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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={AddVideo:function(t){function e(){return rK(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.video}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addComponentType","video")}}])&&oK(n.prototype,r),o&&oK(n,o),e}(MG),AddDrawBrush:eK,AddDrawPath:WN,AddArtboard:FN,SignButton:VN,LoginButton:$N,AddSVGText:wN,AddCylinder:yN,AddSVGTextPath:aN,Fullscreen:QX,AddSVGCircle:NX,AddSVGRect:BX,SelectTool:RX,Download:PX,Save:gX,AddCube:qY,AddImage:oX,AddPath:fX,Manual:YY,ExportView:LY,AddText:CY,CopyItem:jY,SameHeight:sY,SameWidth:vY,TopAlign:GH,BottomAlign:UH,MiddleAlign:nY,CenterAlign:AH,RightAlign:EH,LeftAlign:OH,AddCircle:hH,AddRect:cH,ExportCodePen:tH,Github:XG};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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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 yK(t){return(yK=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 dK=function(t){function e(){return lK(this,e),pK(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&&hK(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items'>\n            <SelectTool />\n            <AddRect />\n            <AddCircle />         \n            <AddText />\n            <AddImage />\n            <AddVideo />\n            <div class='divider'></div>\n            <AddDrawPath />\n            <AddPath />\n            <AddSVGRect />\n            <AddSVGCircle />            \n            <AddSVGText />\n            <AddSVGTextPath />\n            <AddPolygon />\n          </div>\n        </div>\n\n      </div>\n    "}},{key:yo("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:bn("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}])&&fK(n.prototype,r),o&&fK(n,o),e}(ho);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 bK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 wK(t){return(wK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OK(t,e){return(OK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kK=function(t){function e(){return bK(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&&OK(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return YF}},{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='property ".concat(this.isHideHeader()?"no-title":""," ").concat(this.getClassName()," ").concat(this.isFirstShow()?"show":"","'>\n            ").concat(this.isHideHeader()?"":"\n            <div class='property-title ".concat(this.getTitleClassName(),'\' ref="$title">\n                <label class="').concat(this.hasKeyframe()?"has-keyframe":"",'"> \n                  ').concat(this.hasKeyframe()?"\n                      <span class='add-timeline-property' data-property='".concat(this.getKeyframeProperty(),"'></span>\n                    "):""," \n                  <span ref='$propertyTitle'>").concat(this.getTitle(),"</span>\n                  <span class='icon'>").concat(tv.chevron_right,'</span>\n                </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:"getTitleClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:bn("$title label"),value:function(t){var e=t.$dt.parent(),n=un.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:bn("$title .icon"),value:function(t){t.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:bn("$el .property-body .add-timeline-property")+Qn+tr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:bn("$el .property-title .add-timeline-property")+Qn+tr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{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=this.$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=this.$selection.current;n?G(t)&&t()?(this.show(),e&&this.refresh()):!G(t)&&t.includes(n.itemType)?(this.show(),e&&this.refresh()):this.hide():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()}}}])&&gK(n.prototype,r),o&&gK(n,o),e}(ho);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 SK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function PK(t,e){for(var n=0;n<e.length;n++){var 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"!==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 $K(t){return($K=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 _K=["visible","hidden","scroll","auto"],CK=function(t){function e(){return SK(this,e),xK(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&&EK(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return _K.map((function(e){return"".concat(e,":").concat(t.$i18n("background.color.property.overflow.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$zIndex' \n            key='z-index' \n            label='".concat(this.$i18n("background.color.property.zindex"),"'\n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeSelect\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='opacity'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$opacity' \n            key='opacity' \n            label='").concat(this.$i18n("background.color.property.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          <div class='group'>\n            <span class='add-timeline-property' data-property='mix-blend-mode'></span>\n          </div>\n          <BlendSelectEditor \n            label='").concat(this.$i18n("background.color.property.blend"),"'\n            ref='$mixBlend' \n            removable='true'\n            key='mix-blend-mode' \n            icon=\"true\" \n            tabIndex=\"1\"\n            onchange=\"changeSelect\" />\n        </div>        \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='overflow'></span>\n          </div>\n          <SelectEditor \n            label='").concat(this.$i18n("background.color.property.overflow"),"'\n            ref='$overflow' \n            removable='true'\n            key='overflow' \n            icon=\"true\" \n            tabIndex=\"1\"\n            options=\"").concat(this.getOverflowList(),'" \n            onchange="changeSelect" />\n        </div>                \n      ')}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$zIndex.setValue(t["z-index"]||0),this.children.$opacity.setValue(t.opacity||"1"),this.children.$mixBlend.setValue(t["mix-blend-mode"]),this.children.$overflow.setValue(t.overflow))}},{key:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project"])}}])&&PK(n.prototype,r),o&&PK(n,o),e}(kK);function TK(t){return(TK="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function DK(t,e){for(var n=0;n<e.length;n++){var 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"!==TK(e)&&"function"!=typeof e?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 IK(t,e){return(IK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LK=function(t){function e(){return RK(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&&IK(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{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:er("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <BorderRadiusEditor ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:yo("changeBorderRadius"),value:function(t){console.log(t),this.emit("setAttribute",{"border-radius":t})}}])&&DK(n.prototype,r),o&&DK(n,o),e}(kK);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 BK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 YK=function(t){function e(){return BK(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,t),n=e,(r=[{key:"isHideHeader",value:function(){return!0}},{key:"getTitle",value:function(){return this.$i18n("size.property.title")}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot("project")}},{key:yo("refreshRect")+Zn(100),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:"getBody",value:function(){return"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; padding-top: 10px;'>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='width'></span>\n          </div>\n          <InputRangeEditor ref='$width' key='width' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='height'></span>      \n          </div>\n          <InputRangeEditor ref='$height' key='height' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>      \n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>".concat(this.$i18n("size.property.width"),"</span>\n        <span>").concat(this.$i18n("size.property.height"),"</span>\n      </div>\n    ")}},{key:yo("changRangeEditor"),value:function(t,e){this.$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("resetSelection")}}])&&zK(n.prototype,r),o&&zK(n,o),e}(kK);function XK(t){return(XK="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==XK(e)&&"function"!=typeof e?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 NK(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{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:er("$shadowList"),value:function(){var t=this.$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(tv.add,"</button>")}},{key:bn("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:yo("changeBoxShadow"),value:function(t){this.emit("setAttribute",{"box-shadow":t})}}])&&KK(n.prototype,r),o&&KK(n,o),e}(kK);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}function oW(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 iW=[];["margin","padding"].forEach((function(t){iW.push.apply(iW,oW(["-top","-bottom","-left","-right"].map((function(e){return t+e}))))}));var aW=function(t){function e(){return QK(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["artboard","rect","circle","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]||rn.px(0);return('<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />'))}},{key:er("$boxModelItem"),value:function(){var t=this.$selection.current;return t?'\n      <div>\n        <div class="margin" data-title="'.concat(this.$i18n("box.model.property.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" data-title="').concat(this.$i18n("box.model.property.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 class='content' title='Content'>\n        \n        </div>\n      </div>\n    "):""}},{key:En("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};iW.forEach((function(n){e[n]=rn.px(t.getRef("$",n).value)})),this.emit("setAttribute",e)}}])&&tW(n.prototype,r),o&&tW(n,o),e}(kK);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lW(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 fW(t){return(fW=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 yW=function(t){function e(){return uW(this,e),lW(this,fW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return"Content"}},{key:yo("refreshSelection","refreshContent")+Un(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:ir("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:En("$contentItem"),value:function(t){this.setContent()}},{key:"setContent",value:function(){var t=this.$selection.current;if(t){var e={content:this.refs.$contentItem.value};t.reset(e),this.emit("refreshCanvasForPartial",t)}}}])&&sW(n.prototype,r),o&&sW(n,o),e}(kK);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 dW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vW(t,e){for(var n=0;n<e.length;n++){var 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"!==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 gW(t){return(gW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mW(t,e){return(mW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wW=function(t){function e(){return dW(this,e),bW(this,gW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label='".concat(this.$i18n("font.property.color"),"' key='color' onchange=\"changeColor\" />\n      </div>      \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$size' \n          label='").concat(this.$i18n("font.property.size"),"' \n          key=\"font-size\" \n          \n          onchange=\"changeRangeEditor\" />\n      </div>\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-stretch'></span>\n        </div>\n        <RangeEditor \n          ref='$stretch' \n          label='").concat(this.$i18n("font.property.stretch"),"' \n          key=\"font-stretch\" \n          \n          units='%',\n          onchange=\"changeRangeEditor\" />\n      </div>      \n \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$weightRange' \n          label='").concat(this.$i18n("font.property.weight"),'\' \n          key=\'font-weight\' \n         \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=\'').concat(this.$i18n("font.property.style"),"' \n          key=\"font-style\" \n          options=\"normal:I,italic\" \n          icons='I,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          options=",serif,sans-serif,monospace,cursive,fantasy,system-ui" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:yo("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:yo("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&vW(n.prototype,r),o&&vW(n,o),e}(kK);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 kW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 SW(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 PW(t){return(PW=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)}var $W=function(t){function e(){return kW(this,e),SW(this,PW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{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(tv.add,"</button>")}},{key:bn("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:er("$shadowList"),value:function(){var t=this.$selection.current||{};return("\n      <TextShadowEditor ref='$textshadow' value=\"".concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    '))}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["text"])}},{key:yo("changeTextShadow"),value:function(t){this.emit("setAttribute",{"text-shadow":t})}}])&&jW(n.prototype,r),o&&jW(n,o),e}(kK);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 _W(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 TW(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 RW(t){return(RW=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 _W(this,e),TW(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&&DW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath","svg-tspan"])}},{key:"refresh",value:function(){var t=this.$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='".concat(this.$i18n("text.property.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='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:A,lowercase:a,capitalize:Aa\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$decoration' \n          label='").concat(this.$i18n("text.property.decoration"),"' \n          key='text-decoration' \n          options=\"none,underline,overline:O,line-through\" \n          icons=\"A,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:yo("changeTextValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&CW(n.prototype,r),o&&CW(n,o),e}(kK);function AW(t){return(AW="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MW(t,e){return!e||"object"!==AW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BW(t){return(BW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zW(t,e){return(zW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FW=function(t){function e(){return IW(this,e),MW(this,BW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||rn.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 animation-property-item'>\n      <div class='group'>\n        <span class='add-timeline-property' data-property='line-height'></span>\n      </div>\n      <RangeEditor \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),"' \n        key=\"line-height\" \n        units=\",px,%,em\"\n        onchange=\"changeRangeEditor\" />\n    </div>       \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='letter-spacing'></span>\n        </div>\n        <RangeEditor ref='$letter' label='").concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='word-spacing'></span>\n        </div>\n        <RangeEditor ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-indent'></span>\n        </div>      \n        <RangeEditor ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:yo("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=rn.number(e.value)),this.emit("setAttribute",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))}}])&&LW(n.prototype,r),o&&LW(n,o),e}(kK);function GW(t){return(GW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HW(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YW(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){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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 WW(t,e){return!e||"object"!==GW(e)&&"function"!=typeof e?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 ZW(t,e){return(ZW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qW=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],JW=qW.map((function(t){return t.key})),QW={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(tv.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(tv.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(tv.repeat," Conic")},tU=function(t){function e(){return NW(this,e),WW(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&&ZW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Border Image"}},{key:yo("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var t=(this.$selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(t?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:bn("$apply"),value:function(){var t=this.$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:er("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?QW[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:yo("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&JW.forEach((function(t){n.children["$".concat(t,"Slice")].setValue(e)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){return this.$selection.current,'\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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(qW.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:$n("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:bn("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:bn("$borderImageView .colorsteps .step"),value:function(t){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var e=t.$dt.attr("data-colorstep-id");t.$dt.attr("data-selected",!0);var n=t.$dt.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=XW(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||en.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=en.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HW(Object(n),!0).forEach((function(e){YW(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HW(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage),{selectColorStepId:e,refresh:!0}))}},{key:"viewChangeImage",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(QW.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty())}}},{key:"setImage",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setImageUrl(t),this.viewChangeImage(t),this.emit("refreshElement",e))}},{key:"viewChangeGradient",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(QW[t.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(t.colorsteps)))}}},{key:"setGradient",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setGradient(t),this.viewChangeGradient(t),this.emit("refreshElement",e))}},{key:yo("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=this.$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 JW.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:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}])&&KW(n.prototype,r),o&&KW(n,o),e}(kK);function eU(t){return(eU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nU(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rU(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function oU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function iU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aU(t,e){return!e||"object"!==eU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cU(t){return(cU=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)}var sU=function(t){function e(){return oU(this,e),aU(this,cU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{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(tv.add,"</button>\n    ")}},{key:er("$animationList"),value:function(){var t=this,e=this.$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; ".concat(t.$i18n("animation.property.select a keyframe")," &gt;"),"\n              </div>\n              <div class='labels'>\n                <label class='count' title='").concat(t.$i18n("animation.property.iteration.count"),"'><small>").concat(e.iterationCount,"</small></label>\n                <label class='delay' title='").concat(t.$i18n("animation.property.delay"),"'><small>").concat(e.delay,"</small></label>\n                <label class='duration' title='").concat(t.$i18n("animation.property.duration"),"'><small>").concat(e.duration,"</small></label>\n                <label class='direction' title='").concat(t.$i18n("animation.property.direction"),"'><small>").concat(e.direction,"</small></label>\n                <label class='fill-mode' title='").concat(t.$i18n("animation.property.fill.mode"),"'><small>").concat(e.fillMode,"</small></label>\n                <label class='play-state' title='").concat(t.$i18n("animation.property.play.state"),"' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(e.playState,"\">\n                  <small data-play-state-value='running'>").concat(tv.play,"</small>\n                  <small data-play-state-value='paused'>").concat(tv.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(tv.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=yj(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:yo("refreshSelection")+Un(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=this.$selection.current;e&&e.animations.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:bn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createAnimation({name:null}),this.emit("refreshElement",e)),this.refresh(),this.emit("refreshInspector")}},{key:kn("$animationList .animation-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$animationList .animation-item")+Qn,value:function(t){}},{key:jn("$animationList .animation-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:bn("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeAnimation(e),this.emit("refreshElement",n),this.refresh())}},{key:bn("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.animations[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentAnimation=this.current.animations[this.selectedIndex],this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(t){if(this.current=this.$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:bn("$animationList .preview"),value:function(t){this.viewAnimationPicker(t.$dt)}},{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 e.repeat?(n=this.getRef("repeat",this.selectedIndex)).text(e.repeat):e.timingFunction&&this.drawBezierCanvas(this.getRef("$itemCanvas",this.selectedIndex),e.timingFunction)}},{key:yo("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]:{};e%2?nU(Object(n),!0).forEach((function(e){rU(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nU(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&iU(n.prototype,r),o&&iU(n,o),e}(kK);function lU(t){return(lU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yU(t,e){return!e||"object"!==lU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hU(t){return(hU=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)}var vU=function(t){function e(){return fU(this,e),yU(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&&dU(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{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(tv.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(tv.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(tv.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(tv.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:bn("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(t){var e=t.$dt.closest("keyframe-item"),n=+e.attr("data-index"),r=t.$dt.attr("data-type"),o=this.$selection.currentProject;if(o){var i=o.keyframes[n];i&&i.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:bn("$keyframeList .keyframe-item .offset-list"),value:function(t){var e=+t.$dt.closest("keyframe-item").attr("data-index");this.$selection.currentProject&&this.viewKeyframePicker(e)}},{key:bn("$keyframeList .del")+Qn,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.currentProject;n&&(n.removeKeyframe(e),this.emit("refreshProject",n),this.refresh())}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot("project")}},{key:er("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?QO.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:bn("$add"),value:function(){var t=this.$selection.currentProject;t?(t.createKeyframe(),this.refresh(),this.emit("refreshProject",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=this.$selection.currentProject,this.current&&(this.currentKeyframe=this.current.keyframes[this.selectedIndex],this.viewKeyframePropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:yo("changeKeyframePopup"),value:function(t){var e=this.$selection.currentProject;e&&(this.currentKeyframe=e.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(t),this.refresh(),this.emit("refreshProject",e))}}])&&pU(n.prototype,r),o&&pU(n,o),e}(kK);function bU(t){return(bU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gU(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function mU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wU(t,e){for(var n=0;n<e.length;n++){var 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"!==bU(e)&&"function"!=typeof e?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){return(kU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jU(t,e){return(jU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SU=function(t){function e(){return mU(this,e),OU(this,kU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jU(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='background-color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),'" key=\'background-color\' onchange="changeColor" />\n      </div>            \n    ')}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(tv.add,"</button>")}},{key:bn("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:er("$property"),value:function(){var t=(this.$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:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load();var t=this.$selection.current;t&&this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)")}},{key:yo("changeColor"),value:function(t,e){this.emit("setAttribute",gU({},t,e))}},{key:yo("changeBackgroundImage")+Un(10),value:function(t,e){this.emit("setAttribute",gU({},t,e))}}])&&wU(n.prototype,r),o&&wU(n,o),e}(kK);function PU(t){return(PU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xU(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function EU(t,e){for(var n=0;n<e.length;n++){var 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"!==PU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CU(t){return(CU=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 RU=function(t){function e(){return $U(this,e),_U(this,CU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"filter"}},{key:"getTitleClassName",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(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:er("$filterSelect"),value:function(){var t=this,e=J$.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(xU(e),[{title:"-------",value:""}],xU(n)):xU(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){var e=t.id;return{title:"svg - #".concat(e),value:e}}))),e}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).filter;return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:yo("changeFilterEditor"),value:function(t){this.emit("setAttribute",{filter:t})}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$filterSelect")}}])&&EU(n.prototype,r),o&&EU(n,o),e}(kK);function DU(t){return(DU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VU(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 AU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function IU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LU(t,e){return!e||"object"!==DU(e)&&"function"!=typeof e?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){return(MU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function BU(t,e){return(BU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zU=function(t){function e(){return AU(this,e),LU(this,MU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BU(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:yo("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+Un(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){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.split(";").filter((function(t){return t.trim()})).map((function(t){var n=VU((t=t.trim()).split(":"),2),r=n[0],o=n[1];return"".concat(e,"<strong>").concat(r,"</strong>:").concat(o,";\n")})).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n").trim()}},{key:er("$body"),value:function(){var t=this,e=this.$selection.currentProject,n=e?e.toKeyframeString():"",r=e?q(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=this.$selection.current,a=i?et(i.toExport()):"",c=i?i.toNestedCSS().map((function(e){var n=e.cssText?e.cssText:q(e.css);return"".concat(e.selector," { \n").concat(t.filterKeyName(et(n),"&nbsp;&nbsp;"),"\n}")})):[],u=i?et(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='".concat(this.$i18n("code.view.property.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    ")}}])&&IU(n.prototype,r),o&&IU(n,o),e}(kK);function FU(t){return(FU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GU(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 HU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 XU(t,e){return!e||"object"!==FU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NU(t){return(NU=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 WU=function(t){function e(){return HU(this,e),XU(this,NU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{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(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:er("$filterSelect"),value:function(){var t=this,e=J$.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(GU(e),[{title:"-------",value:""}],GU(n)):GU(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){return{title:"svg - #".concat(t.id),value:t.id}}))),e}},{key:er("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:yo("changeFilterEditor"),value:function(t){this.emit("setAttribute",{"backdrop-filter":t})}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}])&&YU(n.prototype,r),o&&YU(n,o),e}(kK);function UU(t){return(UU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JU(t,e){return!e||"object"!==UU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QU(t){return(QU=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=["rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],nZ=function(t){function e(){return ZU(this,e),JU(this,QU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{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(){var t=this;return('\n      <select ref="$transformSelect">\n      '.concat(eZ.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(tv.add,"</button>\n    "))}},{key:bn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).transform;return"\n      <TransformEditor ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:yo("changeTransformEditor"),value:function(t){this.emit("setAttribute",{transform:function(e){return ti.replaceAll(e.transform,t)}})}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("refreshSelectionStyleView","refreshStyleView","refreshRect")+Un(100),value:function(){this.refresh()}}])&&qU(n.prototype,r),o&&qU(n,o),e}(kK);function rZ(t){return(rZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==rZ(e)&&"function"!=typeof e?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=["circle","ellipse","inset","polygon","path","svg"],lZ=function(t){function e(){return oZ(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{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(sZ.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(tv.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(tv.remove2,"\n              </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$clippathList .clippath-item"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:bn("$clippathList .del")+Qn,value:function(t){var e=this.$selection.current;e&&(this.emit("setAttribute",{"clip-path":""},e.id),this.refresh(),this.emit("hideClipPathPopup"))}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:er("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"]):""}},{key:bn("$add"),value:function(){var t=this.$selection.current;t&&(t["clip-path"]?alert("clip-path is already exists."):(t&&(t["clip-path"]=this.refs.$clipPathSelect.value,this.emit("setAttribute",{"clip-path":this.refs.$clipPathSelect.value},t.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this.$selection.current;if(t){var e=Ld.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=e.value.trim(),r=n?"modify":"path";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:yo("updateClipPathString"),value:function(t){var e=this.$selection.current;e&&(e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("setAttribute",{"clip-path":"path(".concat(t.d,")")},null,!0))}},{key:yo("changeClipPathPopup"),value:function(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.emit("setAttribute",t,e.id))}}])&&iZ(n.prototype,r),o&&iZ(n,o),e}(kK);function fZ(t){return(fZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pZ(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yZ(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function hZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vZ(t,e){return!e||"object"!==fZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bZ(t){return(bZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gZ(t,e){return(gZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mZ=function(t){function e(){return hZ(this,e),vZ(this,bZ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gZ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{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(tv.add,"</button>\n    ")}},{key:er("$transitionList"),value:function(){var t=this,e=this.$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(tv.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=yj(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:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=this.$selection.current;e&&e.transitions.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:bn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createTransition(),this.emit("refreshElement",e)),this.refresh()}},{key:kn("$transitionList .transition-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$transitionList .transition-item")+Qn,value:function(t){}},{key:jn("$transitionList .transition-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:bn("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeTransition(e),this.emit("refreshElement",n),this.refresh())}},{key:bn("$transitionList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.transitions[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentTransition=this.current.transitions[this.selectedIndex],this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(t){if(this.current=this.$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:bn("$transitionList .preview"),value:function(t){this.viewTransitionPicker(t.$dt)}},{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:yo("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]:{};e%2?pZ(Object(n),!0).forEach((function(e){yZ(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pZ(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&dZ(n.prototype,r),o&&dZ(n,o),e}(kK);function wZ(t){return(wZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kZ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jZ(t,e){return!e||"object"!==wZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function SZ(t){return(SZ=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 OZ(this,e),jZ(this,SZ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(tv.remove,"</button>\n    ")}},{key:bn("$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:er("$body"),value:function(){var t=(this.$selection.current||{})["perspective-origin"]||"";return"<PerspectiveOriginEditor \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("changePerspectiveOrigin"),value:function(t){this.emit("setAttribute",{"perspective-origin":t})}}])&&kZ(n.prototype,r),o&&kZ(n,o),e}(kK);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 EZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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 TZ(t){return(TZ=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 DZ=function(t){function e(){return EZ(this,e),CZ(this,TZ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(tv.remove,"</button>\n    ")}},{key:bn("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:er("$perspective"),value:function(){var t=(this.$selection.current||{}).perspective||"";return"\n        <RangeEditor ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:yo("changePerspective"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project"])}}])&&_Z(n.prototype,r),o&&_Z(n,o),e}(kK);function VZ(t){return(VZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 LZ(t,e){return!e||"object"!==VZ(e)&&"function"!=typeof e?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 BZ(t,e){return(BZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zZ=function(t){function e(){return AZ(this,e),LZ(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&&BZ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(tv.remove,"</button>\n    ")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:bn("$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:er("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<TransformOriginEditor ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:yo("refreshSelection","refreshRect")+Un(100),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("changeTransformOrigin"),value:function(t){this.emit("setAttribute",{"transform-origin":t})}}])&&IZ(n.prototype,r),o&&IZ(n,o),e}(kK);function FZ(t){return(FZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function HZ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YZ(t,e){return!e||"object"!==FZ(e)&&"function"!=typeof e?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 NZ(t,e){return(NZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var KZ=function(t){function e(){return GZ(this,e),YZ(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&&NZ(t,e)}(e,t),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:er("$backgroundClip"),value:function(){var t=(this.$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:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","text"])}}])&&HZ(n.prototype,r),o&&HZ(n,o),e}(kK);function WZ(t){return(WZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function UZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==WZ(e)&&"function"!=typeof e?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 tq=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),eq=function(t){function e(){return UZ(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{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\" key-value-char=';' none-value=\"selector\" options=\"".concat(tq,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(tv.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;".concat(this.$i18n("selector.property.none"),"&gt;"),'</span>\n          </div>\n          <div class=\'tools\'>\n              <button type="button" class="del" data-index="').concat(e,'">').concat(tv.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:bn("$selectorList .selector-item .del")+Qn+tr,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeSelector(e),this.emit("refreshElement",n),this.refresh())}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:er("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?kd.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,n.map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:kn("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$selectorList .selector-item")+Qn,value:function(t){}},{key:jn("$selectorList .selector-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.sortSelector(this.startIndex,e),this.emit("refreshElement",n),this.refresh())}},{key:bn("$add"),value:function(){var t=this.$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=this.$selection.current,this.current&&(this.currentSelector=this.current.selectors[this.selectedIndex],this.viewSelectorPropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:yo("changeSelectorPopup"),value:function(t){this.current=this.$selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(t),this.refresh(),this.emit("refreshElement",this.current))}}])&&ZZ(n.prototype,r),o&&ZZ(n,o),e}(kK);function nq(t){return(nq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function oq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function iq(t,e){return!e||"object"!==nq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aq(t){return(aq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cq(t,e){return(cq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uq=function(t){function e(){return rq(this,e),iq(this,aq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:yo("refreshRect"),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x&&this.children.$x.setValue(t.x),this.children.$y&&this.children.$y.setValue(t.y)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="position-item" ref="$positionItem"></div>\n    '}},{key:er("$positionItem"),value:function(){var t=this.$selection.current;return t?"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px;'>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='x'></span>\n          </div>\n          <InputRangeEditor ref='$x' key='x' value='".concat(t.x,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='y'></span>\n          </div>\n          <InputRangeEditor ref='$y' key='y' value='").concat(t.y,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>").concat(this.$i18n("position.property.X"),"</span>\n        <span>").concat(this.$i18n("position.property.Y"),"</span>\n      </div>      \n    "):""}},{key:yo("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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("refreshAllElementBoundSize")}}])&&oq(n.prototype,r),o&&oq(n,o),e}(kK);function sq(t){return(sq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pq(t,e){return!e||"object"!==sq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yq(t){return(yq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hq(t,e){return(hq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dq=function(t){function e(){return lq(this,e),pq(this,yq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("project.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a project\">".concat(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:er("$projectList")+Wn,value:function(){var t=this;return(this.$editor.projects||[]).map((function(e,n){var r=e===t.$selection.currentProject?"selected":"";return("\n        <div class='project-item ".concat(r,"'>\n          <div class='detail'>\n            <label data-index='").concat(n,"'>").concat(e.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(tv.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))}))}},{key:gn("$projectList .project-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$editor.projects[t];r&&r.reset({name:n})}))}},{key:wn("$projectList .project-item label")+Xn+Qn+tr,value:function(t){return this.modifyDoneInputEditing(t.$dt),!1}},{key:Cn("$projectList .project-item label")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectProject",value:function(t){t&&(this.$selection.selectProject(t),t.artboards.length&&(this.$selection.selectArtboard(t.artboards[0]),this.$selection.select())),this.emit("refreshAllSelectProject")}},{key:bn("$projectList .project-item label"),value:function(t){var e=+t.$dt.attr("data-index");this.selectProject(this.$editor.projects[e])}},{key:bn("$projectList .project-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.$editor.projects.splice(e);var n=this.$editor.projects[e]||this.$editor.projects[e-1];this.selectProject(n)}},{key:yo("refreshProjectList"),value:function(){this.refresh()}}])&&fq(n.prototype,r),o&&fq(n,o),e}(kK);function vq(t){return(vq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mq(t,e){return!e||"object"!==vq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wq(t){return(wq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Oq(t,e){return(Oq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kq=function(t){function e(){return bq(this,e),mq(this,wq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Oq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("artboard.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a artboard\">".concat(tv.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="artboard-list scrollbar" ref="$artboardList"></div>\n    '}},{key:er("$artboardList")+Wn,value:function(){var t=this,e=this.$selection.currentProject;return e?e.artboards.map((function(e,n){var r=e===t.$selection.currentArtboard?"selected":"",o="";return e.hasLayout()&&(o=t.$i18n("artboard.property.layout.title."+e.layout)),"\n        <div class='artboard-item ".concat(r,"' data-layout=\"").concat(e.layout,"\" data-artboard-id='").concat(e.id,"'>\n          <div class='preview icon'>").concat(tv.doc,"</div>\n          <div class='detail'>\n            <label data-index='").concat(n,"' data-layout-title='").concat(o,"' >").concat(e.name,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(tv.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})):""}},{key:gn("$artboardList .artboard-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$selection.currentProject;if(r){var o=r.artboards[t];o&&(o.reset({name:n}),e.emit("refreshArtBoardName",o.id,n))}}))}},{key:wn("$artboardList .artboard-item label")+Xn+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Cn("$artboardList .artboard-item label")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:bn("$add"),value:function(t){this.emit("addArtBoard")}},{key:bn("$artboardList .artboard-item .remove"),value:function(t){var e=this.$selection.currentProject;if(e){var n=+t.$dt.attr("data-index");e.artboards.splice(n);var r=e.artboards[n]||e.artboards[n-1];this.emit("selectArtboard",r)}}},{key:bn("$artboardList .artboard-item label"),value:function(t){var e=this.$selection.currentProject;if(e){t.$dt.closest("artboard-item").onlyOneClass("selected");var n=+t.$dt.attr("data-index"),r=e.artboards[n];this.emit("selectArtboard",r)}}},{key:yo("refreshArtBoardList"),value:function(){this.refresh()}},{key:yo("changeItemLayout"),value:function(){this.refresh()}}])&&gq(n.prototype,r),o&&gq(n,o),e}(kK);function jq(t){return(jq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sq(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pq(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Sq(Object(n),!0).forEach((function(e){xq(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sq(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xq(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $q(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _q(t,e){return!e||"object"!==jq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cq(t){return(Cq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Tq(t,e){return(Tq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Rq=function(t){function e(){return $q(this,e),_q(this,Cq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a layer\">".concat(tv.add,"</button>\n    ")}},{key:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:ir("$dragPointer"),value:function(){var t=this.state.lastDragOverOffset,e=this.state.itemRect.height/3,n={};if(this.state.lastDragOverOffset<e){t=0;var r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:rn.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else this.state.lastDragOverOffset>this.state.itemRect.height-e?(t=this.state.itemRect.height,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:rn.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"):(t=0,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:rn.px(r),height:rn.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self");return{style:Pq({position:"absolute"},n,{display:this.state.hideDragPointer?"none":"block"})}}},{key:"getIcon",value:function(t){switch(t.itemType){case"circle":return tv.lens;case"image":return tv.image;case"text":case"svg-text":return tv.title;case"svg-textpath":return tv.text_rotate;case"svg-path":return tv.pentool;case"cube":return tv.cube;case"cylinder":return tv.cylinder;default:return tv.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=e.$selection.check(t)?"selected":"",i=t.name;t.is("text")&&(i=t.text||t.name);var a="";return t.hasLayout()&&(a=e.$i18n("layer.tree.property.layout.title."+t.layout)),"        \n      <div class='layer-item ".concat(o,"' data-depth=\"").concat(n,"\" data-layout='").concat(t.layout,"' data-layer-id='").concat(t.id,"' draggable=\"true\">\n        <div class='detail'>\n          <label data-layout-title='").concat(a,"'> \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?tv.lock:tv.lock_open,'</button>\n            <button type="button" class="visible" data-visible="').concat(t.visible,"\" title='Visible'>").concat(tv.visible,"</button>\n          </div>\n        </div>\n      </div>\n\n      ").concat(e.makeLayerList(t,n+1),"\n    ")})).join(""):""}},{key:yo("refreshContent"),value:function(t){this.refresh()}},{key:er("$layerList")+Wn,value:function(){var t=this.$selection.currentArtboard;return t?this.makeLayerList(t,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:kn("$layerList .layer-item"),value:function(t){var e=t.$dt.attr("data-layer-id");t.$dt.addClass("drag-start"),t.dataTransfer.setData("layer/id",e),this.state.rootRect=this.refs.$layerList.rect(),this.state.itemRect=t.$dt.rect(),this.setState({hideDragPointer:!1},!1),this.bindData("$dragPointer")}},{key:Pn("$layerList .layer-item"),value:function(t){this.setState({hideDragPointer:!0},!1),this.bindData("$dragPointer"),this.refs.$layerList.$$(".".concat("drag-start")).forEach((function(t){t.removeClass("drag-start")}))}},{key:Sn("$layerList .layer-item:not(.".concat("drag-start",")"))+Qn,value:function(t){var e=t.$dt.attr("data-layer-id");this.state.lastDragOverItemId=e,this.state.lastDragOverPosition=t.$dt.rect().top,this.state.lastDragOverOffset=t.offsetY,this.bindData("$dragPointer")}},{key:jn("$layerList .layer-item:not(.".concat("drag-start",")")),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.dataTransfer.getData("layer/id");if(e!==n){var r=this.$selection.currentArtboard;if(r){var o=r.searchById(e),i=r.searchById(n);if(o.hasParent(i.id))return;o.add(i,this.state.lastDragOverItemDirection),this.$selection.select(i),this.setState({hideDragPointer:!0}),this.emit("refreshArtboard")}}}},{key:gn("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.closest("layer-item").attr("data-layer-id"),i=e.$selection.currentArtboard;if(i){var a=i.searchById(o);a&&a.reset({name:r})}}))}},{key:wn("$layerList .layer-item .name")+Xn+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Cn("$layerList .layer-item .name")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectLayer",value:function(t){t&&this.$selection.select(t),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(t){t&&(this.$selection.select(t),this.emit("refreshArtboard"))}},{key:bn("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":Fe.random(),width:rn.px(200),height:rn.px(100)})}},{key:bn("$layerList .layer-item label"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item");n.onlyOneClass("selected");var r=n.attr("data-layer-id"),o=e.searchById(r);this.$selection.select(o),this.emit("refreshSelection")}}},{key:bn("$layerList .layer-item .visible"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-visible",!r.visible),this.emit("setAttribute",{visible:!r.visible},r.id)}}},{key:bn("$layerList .layer-item .lock"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-lock",!r.lock),this.emit("setAttribute",{lock:!r.lock},r.id)}}},{key:yo("emptySelection"),value:function(){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}))}},{key:yo("changeSelection"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e&&this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}));var n=this.$selection.items.map((function(t){return'[data-layer-id="'.concat(t.id,'"]')})).join(",");n&&this.refs.$layerList.$$(n).forEach((function(e){e.addClass("selected");var n=t.$selection.itemKeys[e.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&e.$(".icon").html(t.getIcon(n))}))}}},{key:yo("refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:yo("refreshStylePosition","refreshSelectionStyleView","refreshCanvasForPartial"),value:function(){this.trigger("changeSelection")}},{key:yo("refreshLayerTreeView"),value:function(){this.refresh()}},{key:yo("changeItemLayout"),value:function(){this.refresh()}}])&&Eq(n.prototype,r),o&&Eq(n,o),e}(kK);function Dq(t){return(Dq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vq(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Aq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Iq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Lq(t,e){return!e||"object"!==Dq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mq(t){return(Mq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Bq(t,e){return(Bq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zq=function(t){function e(){return Aq(this,e),Lq(this,Mq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Bq(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["project","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:yo("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:"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:bn("$list .device-item"),value:function(t){var e=t.$dt.attr("data-size");this.emit("resizeArtBoard",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:er("$list")+Wn,value:function(){var t=this;return this.state.sizeList[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}},{key:yo("changeBoardSize"),value:function(t,e){var n=this.$selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=Vq(e.split("x"),2),o=r[0],i=r[1];o=rn.px(o),i=rn.px(i),this.emit("setAttribute",{width:o,height:i},n.id)}}}])&&Iq(n.prototype,r),o&&Iq(n,o),e}(kK);function Fq(t){return(Fq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gq(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hq(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gq(Object(n),!0).forEach((function(e){Yq(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gq(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yq(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Xq(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Nq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Kq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wq(t,e){return!e||"object"!==Fq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uq(t){return(Uq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zq(t,e){return(Zq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qq=["","100x100","200x200","300x300","400x300","900x600","1024x762"],Jq=function(t){function e(){return Nq(this,e),Wq(this,Uq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zq(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> <span ref='$sizeInfo'></span> <button type=\"button\" ref='$resize'>").concat(tv.size,"</button>\n      </div>\n      <div>\n        <SelectEditor ref='$select' label=\"").concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(qq.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:yo("changeImageSize"),value:function(t,e){var n=Xq(e.split("x").map((function(t){return rn.px(t)})),2),r=n[0],o=n[1];this.emit("setAttribute",{width:r,height:o})}},{key:bn("$resize"),value:function(){var t=this.$selection.current;t&&(t.reset({width:t.naturalWidth.clone(),height:t.naturalHeight.clone()}),this.emit("resetSelection"))}},{key:ir("$sizeInfo"),value:function(){var t=this.$selection.current||{};return{innerHTML:"".concat(this.$i18n("image.property.width"),": ").concat(t.naturalWidth,", ").concat(this.$i18n("image.property.height"),": ").concat(t.naturalHeight)}}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).src||"";return"<ImageSelectEditor \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:yo("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(Hq({src:e},n)),this.bindData("$sizeInfo"),this.emit("setAttribute",Hq({src:e},n),r.id))}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["image"])}}])&&Kq(n.prototype,r),o&&Kq(n,o),e}(kK),Qq={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Fe.randomByCount(t).map((function(t){return{color:t}}))}},tJ=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),eJ={title:"material red",key:"material-red",execute:function(){return tJ}},nJ=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),rJ={title:"material pink",key:"material-pink",execute:function(){return nJ}},oJ=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),iJ={title:"material purple",key:"material-purple",execute:function(){return oJ}},aJ=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),cJ={title:"material deep purple",key:"material-deeppurple",execute:function(){return aJ}},uJ=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),sJ={title:"material indigo",key:"material-indigo",execute:function(){return uJ}},lJ=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),fJ={title:"material blue",key:"material-blue",execute:function(){return lJ}},pJ=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),yJ={title:"material light blue",key:"material-lightblue",execute:function(){return pJ}},hJ=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),dJ={title:"material cyan",key:"material-cyan",execute:function(){return hJ}},vJ=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),bJ={title:"material teal",key:"material-teal",execute:function(){return vJ}},gJ=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),mJ={title:"material green",key:"material-green",execute:function(){return gJ}},wJ=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),OJ={title:"material lightgreen",key:"material-lightgreen",execute:function(){return wJ}},kJ=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),jJ={title:"material lime",key:"material-lime",execute:function(){return kJ}},SJ=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),PJ={title:"material yellow",key:"material-yellow",execute:function(){return SJ}},xJ=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),$J={title:"material amber",key:"material-amber",execute:function(){return xJ}},EJ=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),_J={title:"material orange",key:"material-orange",execute:function(){return EJ}},CJ=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),TJ={title:"material deep orange",key:"material-deeporange",execute:function(){return CJ}},RJ=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),DJ={title:"material brown",key:"material-brown",execute:function(){return RJ}},VJ=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),AJ={title:"material gray",key:"material-gray",execute:function(){return VJ}},IJ=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),LJ={title:"material bluegray",key:"material-bluegray",execute:function(){return IJ}},MJ=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),BJ=[Qq,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return MJ}},eJ,rJ,iJ,cJ,sJ,fJ,yJ,dJ,bJ,mJ,OJ,jJ,PJ,$J,_J,TJ,DJ,AJ,LJ];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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function GJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HJ(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 YJ(t){return(YJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XJ(t,e){return(XJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var NJ=function(t){function e(){return FJ(this,e),HJ(this,YJ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XJ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("color.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var t=BJ.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:yo("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"color-assets-property"}},{key:yo("refreshSelection")+Un(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:kn("$colorList .color-item"),value:function(t){var e=t.$dt.attr("data-color");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/color",e)}},{key:er("$colorList"),value:function(){var t=this,e=BJ.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,'" data-color="').concat(t.color,'" data-custom="').concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.color,'" data-index="').concat(e,"\" draggable=\"true\"><div class='color-view' style='background-color: ").concat(t.color,";'></div></div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.remove,"</button>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(tv.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:bn("$colorList .add-color-item"),value:function(){this.executeColor((function(t){t.createColor({color:Fe.random(),name:"",variable:""})}))}},{key:bn("$colorList .remove"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.removeColor(e)}))}},{key:bn("$colorList .copy"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.copyColor(e)}))}},{key:bn("$colorList .preview"),value:function(t){var e=t.$dt.$(".color-view").css("background-color");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundColor",e):this.emit("setColorAsset",{color:e})}},{key:yo("changeColorAssets"),value:function(t,e){var n=this;this.executeColor((function(r){r.setColorValue(e.index,{color:t}),n.state.$el.css("background-color",t),n.state.$color.val(t)}),!1)}}])&&GJ(n.prototype,r),o&&GJ(n,o),e}(kK);function KJ(t){return(KJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ZJ(t,e){return!e||"object"!==KJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}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)}var QJ=function(t){function e(){return WJ(this,e),ZJ(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text-fill-color'></span>\n        </div>\n        <ColorViewEditor ref='$fillColor' label='".concat(this.$i18n("text.fill.property.fill"),"' key='text-fill-color' onchange=\"changeColor\" />\n      </div>           \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-color'></span>\n        </div>\n        <ColorViewEditor ref='$strokeColor' label='").concat(this.$i18n("text.fill.property.stroke"),"' key='text-stroke-color' onchange=\"changeColor\" />\n      </div>                 \n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-width'></span>\n        </div>\n        <RangeEditor \n          ref='$width' \n          label='").concat(this.$i18n("text.fill.property.strokeWidth"),'\' \n          key="text-stroke-width" \n          \n          max="50"\n          onchange="changeRangeEditor" />\n      </div>\n    \n    ')}},{key:yo("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:yo("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&UJ(n.prototype,r),o&&UJ(n,o),e}(kK),tQ=["0deg","45deg","90deg"],eQ=["0deg","45deg","90deg"],nQ=["0deg","45deg","90deg"],rQ=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"linear-gradient(".concat(W.apply(void 0,tQ),", ").concat(Bc.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"linear-gradient(".concat(W.apply(void 0,eQ),", ").concat(Bc.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(W.apply(void 0,nQ),", ").concat(Bc.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Bc.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Bc.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Bc.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){var e=g(45,55),n=g(45,55),r=g(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Bc.createColorStep(2,360,"deg"),")")}}))}},{title:"Random Conic",key:"random-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Bc.createColorStep(10,360,"deg"),")")}}))}},{title:"Repeat Conic",key:"repeat-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Bc.createRepeatColorStep(10,"10deg"),")")}}))}}];function oQ(t){return(oQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cQ(t,e){return!e||"object"!==oQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uQ(t){return(uQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sQ(t,e){return(sQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lQ=function(t){function e(){return iQ(this,e),cQ(this,uQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){var t=rQ.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:yo("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"gradient-assets-property"}},{key:yo("refreshSelection")+Un(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:kn("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:er("$gradientList"),value:function(){var t=this,e=rQ.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='gradient-item' data-index=\"".concat(e,"\" data-gradient='").concat(t.gradient,"' data-custom=\"").concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.gradient,"\" draggable=\"true\">\n            <div class='gradient-view' style='background-image: ").concat(t.gradient,";'></div>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-gradient-item'><butto type=\"button\">".concat(tv.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:bn("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:qc.random(),name:"",variable:""})}))}},{key:bn("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}},{key:yo("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)}}])&&aQ(n.prototype,r),o&&aQ(n,o),e}(kK);function fQ(t){return(fQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function yQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hQ(t,e){return!e||"object"!==fQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dQ(t){return(dQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vQ(t,e){return(vQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bQ=function(t){function e(){return pQ(this,e),hQ(this,dQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-polygon","svg-textpath","svg-text")}},{key:yo("refreshPathLayer","refreshStyleView"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(t.totalLength||"")}},{key:yo("refreshSelection"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)?(this.$el.isHide()&&this.$el.show(),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"]||rn.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||rn.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||rn.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:ir("$svgProperty"),value:function(){return{style:{display:(this.$selection.current||{})["motion-based"]?"none":"block"}}}},{key:"getBody",value:function(){var t=this.$selection.current||{};return("\n\n      <div class='property-item'> \n        <label>\n          <input type='checkbox' ref='$motionBased' ".concat(Q({checked:!!t["motion-based"]})," /> \n          ").concat(this.$i18n("svg.item.property.isMotionPath"),"\n        </label>\n      </div>      \n\n      <div ref='$svgProperty'>\n        <div class='property-item animation-property-item' ref='$path'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='d'></span>      \n          </div>            \n          <label>").concat(this.$i18n("svg.item.property.path")," - <span>").concat(this.$i18n("svg.item.property.totalLength"),"</span> <span ref='$length'></span> </label>\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill'></span>\n          </div>\n          <FillSingleEditor ref='$fill' label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-opacity'></span>\n          </div>            \n          <NumberRangeEditor \n            ref='$fillOpacity' \n            label='").concat(this.$i18n("svg.item.property.fillOpacity"),"' \n            key='fill-opacity' \n            value=\"1\" \n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            onchange=\"changeValue\" \n            />\n        </div>   \n\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-rule'></span>\n          </div>\n          <SelectIconEditor \n            ref='$fillRule' \n            label='").concat(this.$i18n("svg.item.property.fillRule"),"' \n            key=\"fill-rule\" \n            options=\"nonzero,evenodd\" \n            onchange=\"changeValue\" />\n        </div>            \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke'></span>\n          </div>\n          <FillSingleEditor ref='$stroke' label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-width'></span>\n          </div>\n          <RangeEditor \n            ref='$strokeWidth' \n            label='").concat(this.$i18n("svg.item.property.strokeWidth"),"' \n            key=\"stroke-width\" \n            onchange=\"changeValue\" />\n        </div>\n              \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dasharray'></span>      \n          </div>          \n          <label>").concat(this.$i18n("svg.item.property.dashArray"),"</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          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dashoffset'></span>      \n          </div>          \n          <NumberRangeEditor \n            ref='$strokeDashOffset' \n            key='stroke-dashoffset' \n            label='").concat(this.$i18n("svg.item.property.dashOffset"),"'\n            value=\"0\" \n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeValue\" \n            />\n        </div>         \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linecap'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineCap' \n            label='").concat(this.$i18n("svg.item.property.lineCap"),"' \n            key=\"stroke-linecap\" \n            options=\"butt,round,square\" \n            onchange=\"changeValue\" \n          />\n        </div> \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linejoin'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineJoin' \n            label='").concat(this.$i18n("svg.item.property.lineJoin"),"'             \n            key=\"stroke-linejoin\" \n            options=\"miter,bevel,round\" \n            onchange=\"changeValue\" \n          />\n        </div>        \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <SVGFilterSelectEditor \n            ref='$svgFilter' \n            label='").concat(this.$i18n("svg.item.property.filter"),'\' \n            key="svgfilter" \n            onchange="changeValue" \n          />\n        </div>         \n      </div>\n   \n    '))}},{key:bn("$motionBased"),value:function(){this.emit("setAttribute",{"motion-based":this.refs.$motionBased.checked()})}},{key:yo("changeValue"),value:function(t,e,n){this.emit("setAttribute",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),null,!0)}}])&&yQ(n.prototype,r),o&&yQ(n,o),e}(kK);function gQ(t){return(gQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function OQ(t,e){return!e||"object"!==gQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kQ(t){return(kQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jQ(t,e){return(jQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SQ=function(t){function e(){return mQ(this,e),OQ(this,kQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:er("$textClip"),value:function(){var t=(this.$selection.current||{})["text-clip"]||"";return"\n      <SelectEditor ref='$1' key='text-clip' icon=\"true\" value=\"".concat(t,'" options=",text" onchange="changeSelect" />\n    ')}},{key:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text"])}}])&&wQ(n.prototype,r),o&&wQ(n,o),e}(kK);function PQ(t){return(PQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function $Q(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function EQ(t,e){return!e||"object"!==PQ(e)&&"function"!=typeof e?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 CQ(t,e){return(CQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var TQ=function(t){function e(){return xQ(this,e),EQ(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&&CQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"svgfilter-assets-property"}},{key:yo("refreshSelection")+Un(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:er("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return PO.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(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.remove,"</button>\n          </div>\n        </div>\n      "))}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(tv.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:bn("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:jt(),filters:[]})}))}},{key:bn("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:bn("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:En("$svgfilterList input"),value:function(t){var e=this,n=+t.$dt.closest("svgfilter-item").attr("data-index"),r=t.$dt.attrKeyValue("data-key");this.executeSVGFilter((function(t){t.setSVGFilterValue(n,r),e.emit("refreshSVGArea")}),!1)}},{key:bn("$svgfilterList .preview"),value:function(t){var e=t.$dt.closest("svgfilter-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$dt.$(".svgfilter-view");var r=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[n];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterAssets",id:this.id,index:n,filters:r.filters})}},{key:yo("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:yo("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:yo("refreshSVGFilterAssets"),value:function(){this.refresh()}}])&&$Q(n.prototype,r),o&&$Q(n,o),e}(kK);function RQ(t){return(RQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function AQ(t,e){return!e||"object"!==RQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IQ(t){return(IQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LQ(t,e){return(LQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var MQ=function(t){function e(){return DQ(this,e),AQ(this,IQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LQ(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{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        <SameWidth />\n        <SameHeight />\n      </div>\n    '}}])&&VQ(n.prototype,r),o&&VQ(n,o),e}(kK);function BQ(t){return(BQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function FQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GQ(t,e){return!e||"object"!==BQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HQ(t){return(HQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YQ(t,e){return(YQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XQ=function(t){function e(){return zQ(this,e),GQ(this,HQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YQ(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{OffsetPathListEditor:wI}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:yo("refreshSelection","refreshRect")+Un(100),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&this.children.$offsetPathList.setValue(t["offset-path"])}},{key:"getBody",value:function(){var t=this.$selection.current||{"offset-path":""};return("\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='offset-path'></span>\n        </div>\n        <OffsetPathListEditor ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    '))}},{key:yo("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&FQ(n.prototype,r),o&&FQ(n,o),e}(kK);function NQ(t){URL.revokeObjectURL(t)}function KQ(t){return(KQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WQ(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 UQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qQ(t,e){return!e||"object"!==KQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JQ(t){return(JQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QQ(t,e){return(QQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var t0=function(t){function e(){return UQ(this,e),qQ(this,JQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("image.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"image-assets-property"}},{key:yo("refreshSelection")+Un(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:er("$imageList")+Wn,value:function(){var t=(this.$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='tools'>\n            <button type=\"button\" class='copy'>").concat(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.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(tv.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:kn("$imageList .preview img"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.images[e];t.dataTransfer.setData("image/info",r.local)}}},{key:$n("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage((function(n){WQ(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t)}))}))}},{key:bn("$imageList .remove"),value:function(t){var e=t.$dt.closest("image-item"),n=+e.attr("data-index");this.executeImage((function(t){t.removeImage(n),NQ(e.$(".preview img").attr("src"))}))}},{key:bn("$imageList .copy"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index");this.executeImage((function(t){t.copyImage(e)}))}},{key:yo("addImageAsset"),value:function(){this.refresh()}}])&&ZQ(n.prototype,r),o&&ZQ(n,o),e}(kK);function e0(t){return(e0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function n0(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 r0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i0(t,e){return!e||"object"!==e0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function a0(t){return(a0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function c0(t,e){return(c0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var s0=function(t){function e(){return r0(this,e),i0(this,a0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("video.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"video-assets-property"}},{key:yo("refreshSelection")+Un(1e3),value:function(){this.show(),this.refresh()}},{key:"getBody",value:function(){return"\n      <div class='property-item video-assets'>\n        <div class='video-list' ref='$videoList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:er("$videoList")+Wn,value:function(){var t=(this.$selection.currentProject||{videos:[]}).videos.map((function(t,e){return"\n        <div class='video-item' data-index=\"".concat(e,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(t.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(t.join(""),"\n        <div class='add-video-item'>\n          <input type='file' accept='video/*' ref='$file' />\n          <button type=\"button\">").concat(tv.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeVideo",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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshVideoAssets")):alert("Please select a project.")}},{key:kn("$videoList .preview img"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.videos[e];t.dataTransfer.setData("video/info",r.local)}}},{key:$n("$videoList .add-video-item input[type=file]"),value:function(t){var e=this;this.executeVideo((function(n){n0(t.target.files).forEach((function(t){e.emit("updateVideoAssetItem",t)}))}))}},{key:bn("$videoList .remove"),value:function(t){var e=t.$dt.closest("video-item"),n=+e.attr("data-index");this.executeVideo((function(t){t.removeVideo(n),NQ(e.$(".preview img").attr("src"))}))}},{key:bn("$videoList .copy"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index");this.executeVideo((function(t){t.copyVideo(e)}))}},{key:yo("addVideoAsset"),value:function(){this.refresh()}}])&&o0(n.prototype,r),o&&o0(n,o),e}(kK);function l0(t){return(l0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f0(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function p0(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f0(Object(n),!0).forEach((function(e){h0(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f0(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function h0(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function d0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g0(t,e){return!e||"object"!==l0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function m0(t,e,n){return(m0="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=w0(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 w0(t){return(w0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O0(t,e){return(O0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k0=function(t){function e(){return d0(this,e),g0(this,w0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return p0({},m0(w0(e.prototype),"components",this).call(this),{},this.state.components)}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return n&&n.is("component")}))}},{key:"refresh",value:function(){var t=this,e=this.$selection.current;e&&e.is("component")&&(this.setTitle(e.getDefaultTitle()||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=this.$selection.current,n={};t&&t.is("component")&&t.getProps().forEach((function(t){B(t.editor)||(n=p0({},n,{},t.editor))})),this.setState({components:n},!1),m0(w0(e.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return B(n)?"<".concat(n," ").concat(Q(p0({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(Q(p0({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")})).join("")}},{key:er("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":e.getProps().map((function(n){return B(n)?"\n          <div class='property-item'> \n            <label>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item animation-property-item'> \n            <div class='group'>\n              <span class='add-timeline-property' data-property='".concat(n.key,"' data-type=\"").concat(e.itemType,'" data-editor="').concat(n.editor,'"></span>\n            </div>\n            ').concat(t.getPropertyEditor(n.key,e[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:yo("changeComponentProperty"),value:function(t,e){this.emit("setAttribute",h0({},t,e),null,!0)}}])&&b0(n.prototype,r),o&&b0(n,o),e}(kK);function j0(t){return(j0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $0(t,e){return!e||"object"!==j0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E0(t){return(E0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _0(t,e){return(_0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var C0=function(t){function e(){return S0(this,e),$0(this,E0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("timeline.animation.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add an animation\">".concat(tv.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:er("$timelineAnimationList")+Wn,value:function(){var t=this.$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 icon'>\n            ").concat(tv.local_movie,"\n          </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(tv.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))})):""}},{key:gn("$timelineAnimationList .timeline-animation-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.attr("data-id"),i=e.$selection.currentArtboard;i&&i.setTimelineTitle(o,r)}))}},{key:wn("$timelineAnimationList .timeline-animation-item label")+Xn+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Cn("$timelineAnimationList .timeline-animation-item label")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:bn("$add"),value:function(t){this.emit("addTimelineItem")}},{key:bn("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$dt.attr("data-id");this.emit("removeAnimationItem",e)}},{key:bn("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$dt.attr("data-id"),n=this.$selection.currentArtboard;n&&(n.selectTimeline(e),t.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:yo("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:yo("refreshTimeline","refreshSelection","refreshArtboard")+Un(100),value:function(){this.refresh()}}])&&P0(n.prototype,r),o&&P0(n,o),e}(kK);function T0(t){return(T0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function V0(t,e){return!e||"object"!==T0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function A0(t){return(A0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function I0(t,e){return(I0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var L0=function(t){function e(){return R0(this,e),V0(this,A0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I0(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BorderEditor:zI}}},{key:"getTitle",value:function(){return this.$i18n("border.property.title")}},{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:er("$body"),value:function(){var t=(this.$selection.current||{}).border||"";return"\n      <BorderEditor ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:yo("changeKeyValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&D0(n.prototype,r),o&&D0(n,o),e}(kK);function M0(t){return(M0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function B0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function z0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function F0(t,e){return!e||"object"!==M0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function G0(t){return(G0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function H0(t,e){return(H0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Y0=function(t){function e(){return B0(this,e),F0(this,G0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&H0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("project.information.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var t=this.$selection.currentProject||{name:"",description:""};this.refs.$name.val(t.name),this.refs.$description.val(t.description)}},{key:"getBody",value:function(){var t=this.$selection.currentProject||{name:"",description:""};return('\n      <div class="project-info" ref="$info">\n        <div class=\'project-info-item\'>\n          <label>'.concat(this.$i18n("project.information.property.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>").concat(this.$i18n("project.information.property.description"),"</label>\n          <div class='input'>\n            <textarea  value='").concat(t.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    "))}},{key:yo("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}}])&&z0(n.prototype,r),o&&z0(n,o),e}(kK);function X0(t){return(X0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function W0(t,e){return!e||"object"!==X0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function U0(t){return(U0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Z0(t,e){return(Z0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var q0=function(t){function e(){return N0(this,e),W0(this,U0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Z0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("path.data.property.title")}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-textpath")}},{key:"components",value:function(){return{PathDataEditor:iI}}},{key:yo("refreshPathLayer","refreshStyleView","refreshRect")+Un(100),value:function(){this.refresh()}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-brush","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current||{};this.children.$pathData.setValue(t.d)}},{key:"getBody",value:function(){var t=this.$selection.current||{};return("\n      <div>\n        <PathDataEditor ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    "))}},{key:yo("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))}}])&&K0(n.prototype,r),o&&K0(n,o),e}(kK);function J0(t){return(J0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function t1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e1(t,e){return!e||"object"!==J0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n1(t){return(n1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r1(t,e){return(r1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var o1=function(t){function e(){return Q0(this,e),e1(this,n1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$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=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text'></span>\n        </div>\n        <TextAreaEditor \n          ref='$text' \n          label='".concat(this.$i18n("svg.text.property.textarea"),"' \n          key=\"text\"\n          onchange=\"changeTextValue\" />\n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$font-size' \n          label='").concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$font-weight' \n          label='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <SelectEditor \n          ref='$lengthAdjust' \n          label='").concat(this.$i18n("svg.text.property.length.adjust"),"' \n          key='lengthAdjust' \n          value='spacing' \n          options=\"spacing,spacingAndGlyphs\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='textLength'></span>\n        </div>\n        <RangeEditor \n          ref='$textLength' \n          label='").concat(this.$i18n("svg.text.property.text.length"),"' \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        <div class='group'>\n          <span class='add-timeline-property' data-property='startOffset'></span>\n        </div>\n        <RangeEditor \n          ref='$startOffset' \n          label='").concat(this.$i18n("svg.text.property.start.offset"),"' \n          key='startOffset' \n          min=\"0\"\n          max='1000'\n          step=\"0.1\"          \n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:yo("changeTextValue"),value:function(t,e){this.emit("setAttribute",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),null,!0)}}])&&t1(n.prototype,r),o&&t1(n,o),e}(kK);function i1(t){return(i1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s1(t,e){return!e||"object"!==i1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l1(t){return(l1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f1(t,e){return(f1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var p1=function(t){function e(){return a1(this,e),s1(this,l1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:yo("refreshSelection","refreshContent")+Un(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(tv.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div>\n        <div class='export-item png'>\n          <label>PNG</label>\n          <button ref='$png'>").concat(tv.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:bn("$svg"),value:function(){this.emit("downloadSVG")}},{key:bn("$png"),value:function(){this.emit("downloadPNG")}}])&&c1(n.prototype,r),o&&c1(n,o),e}(kK);function h1(t){return(h1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function b1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m1(t,e){return!e||"object"!==h1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w1(t){return(w1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O1(t,e){return(O1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k1=function(t){function e(){return b1(this,e),m1(this,w1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["default","flex","grid"].map((function(e){return"".concat(e,":").concat(t.$i18n("layout.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:er("$layoutType"),value:function(){var t=this.$selection.current||{layout:"default"};return("\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t.layout,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        colors=\",green,red\"\n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList'>\n        <div data-value='default' class='").concat("default"===t.layout?"selected":"","'></div>\n        <div data-value='flex' class='").concat("flex"===t.layout?"selected":"","'>\n          <FlexLayoutEditor ref='$flex' key='flex-layout' value=\"").concat(t["flex-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n        <div data-value='grid' class='").concat("grid"===t.layout?"selected":"","'>\n          <GridLayoutEditor ref='$grid' key='grid-layout' value=\"").concat(t["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    "))}},{key:yo("changeLayoutInfo"),value:function(t,e){this.emit("setAttribute",d1({},t,e),null,!1,!0),this.emit("refreshAllElementBoundSize")}},{key:yo("changeLayoutType"),value:function(t,e){this.$selection.reset(d1({},t,e)),this.emit("setAttribute",d1({},t,e),null,!1,!0),this.refresh(),this.emit("refreshAllElementBoundSize"),this.emit("changeItemLayout")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}])&&g1(n.prototype,r),o&&g1(n,o),e}(kK);function j1(t){return(j1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $1(t,e){return!e||"object"!==j1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E1(t){return(E1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _1(t,e){return(_1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var C1=function(t){function e(){return S1(this,e),$1(this,E1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return["none","auto","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("flex.layout.item.property.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:er("$body"),value:function(){var t=this.$selection.current||{"flex-layout-item":"none"},e=t["flex-layout-item"]||"none",n=[];return!1===["none","auto"].includes(e)&&(n=e.split(" ")),n.length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(t.layout,"'>\n        <div data-value='none'></div>\n        <div data-value='auto'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <RangeEditor ref='$grow' label='").concat(this.$i18n("flex.layout.item.property.grow"),'\' key="flex-grow" value="').concat(n[0],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$shrink' label='").concat(this.$i18n("flex.layout.item.property.shrink"),'\' key="flex-shrink" value="').concat(n[1],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$basis' label='").concat(this.$i18n("flex.layout.item.property.basis"),'\' key="flex-basis" value="').concat(n[2],"\" min='0' units=\"px,em,%,auto\" onchange='changeFlexItem' />\n          </div>                    \n        </div>\n      </div>\n    ")}},{key:"getFlexItemValue",value:function(t){return"auto"===t.unit?"auto":t+""}},{key:"getFlexValue",value:function(){var t=this.children.$grow.getValue(),e=this.children.$shrink.getValue(),n=this.children.$basis.getValue();return t=this.getFlexItemValue(t),e=this.getFlexItemValue(e),n=this.getFlexItemValue(n),q({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:yo("changeFlexItem"),value:function(t,e){this.emit("setAttribute",{"flex-layout-item":this.getFlexValue()}),this.emit("refreshAllElementBoundSize")}},{key:yo("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getFlexValue()),this.emit("setAttribute",{"flex-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}])&&P1(n.prototype,r),o&&P1(n,o),e}(kK);function T1(t){return(T1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function V1(t,e){return!e||"object"!==T1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function A1(t){return(A1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function I1(t,e){return(I1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var L1=function(t){function e(){return R1(this,e),V1(this,A1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["none","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("grid.layout.item.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:er("$body"),value:function(){var t=this.$selection.current||{"grid-layout-item":"none"},e=t["grid-layout-item"]||"none",n={};return!1===["none"].includes(e)&&(n=J(t["grid-layout-item"])),Object.keys(n).length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(e,"'>\n        <div data-value='none'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <label></label>\n            <div>").concat(this.$i18n("grid.layout.item.property.start"),"</div>\n            <div>").concat(this.$i18n("grid.layout.item.property.end"),"</div>\n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.column"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$columnEnd' key=\"grid-column-end\" value=\"").concat(n["grid-column-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.row"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$rowEnd' key=\"grid-row-end\" value=\"").concat(n["grid-row-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>          \n        </div>\n      </div>\n    ")}},{key:"getGridValue",value:function(){return q({"grid-column-start":this.children.$columnStart.getValue(),"grid-column-end":this.children.$columnEnd.getValue(),"grid-row-start":this.children.$rowStart.getValue(),"grid-row-end":this.children.$rowEnd.getValue()})}},{key:yo("changeGridItem"),value:function(t,e){this.emit("setAttribute",{"grid-layout-item":this.getGridValue()}),this.emit("refreshAllElementBoundSize")}},{key:yo("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getGridValue()),this.emit("setAttribute",{"grid-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}])&&D1(n.prototype,r),o&&D1(n,o),e}(kK);function M1(t){return(M1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function B1(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 z1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G1(t,e){return!e||"object"!==M1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H1(t){return(H1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y1(t,e){return(Y1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X1=function(t){function e(){return z1(this,e),G1(this,H1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:er("$patternSelect"),value:function(){var t=this;return B1(Q$.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}))).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<PatternEditor ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:yo("changePatternEditor"),value:function(t,e){this.emit("setAttribute",{pattern:e})}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$patternSelect")}}])&&F1(n.prototype,r),o&&F1(n,o),e}(kK);function N1(t){return(N1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function W1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function U1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Z1(t,e){return!e||"object"!==N1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q1(t){return(q1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function J1(t,e){return(J1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Q1;function t2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var e2=(t2(Q1={VideoProperty:function(t){function e(){return W1(this,e),Z1(this,q1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&J1(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"item video-property"}},{key:"getTitle",value:function(){return this.$i18n("video.property.title")}},{key:"initState",value:function(){return{$video:{el:{}},status:"play",volume:1}}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:er("$body"),value:function(){var t=this.$selection.current||{playTime:"0:1:1"},e=t.currentTime||0,n=(t.playTime||"0:1:1").split(":").pop();return"\n        <div ref='$tools' class='play-control' data-selected-value=\"".concat(this.state.status,'">\n          <button type="button" data-value="play" >').concat(tv.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(tv.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <NumberRangeEditor ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(e,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\n          </div>\n        </div>    \n        <div class='divider'></div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='volume'></span>\n            ").concat(this.$i18n("video.property.volume"),"\n          </div>\n          <div ref='$volume_control' class='volume-control' data-selected-value='").concat(this.volumeStatus,"'>\n            <span data-value='muted'>").concat(tv.volume_off,"</span>\n            <span data-value='down'>").concat(tv.volume_down,"</span>\n            <span data-value='up'>").concat(tv.volume_up,'</span>\n            <input type="range" ref=\'$volume\' min="0" max="1" step="0.001" value="').concat(this.state.volume,"\" />\n          </div>          \n        </div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='playbackRate'></span>\n            ").concat(this.$i18n("video.property.playbackRate"),'\n          </div>\n          <div>\n            <NumberRangeEditor ref=\'$playbackRate\' min="0.1" max="10" clamp="true" value="').concat(this.state.playbackRate,"\" step=\"0.001\" onchange=\"changePlaybackRate\" />\n          </div>\n        </div>        \n        <div class='property-item animation-property-item full'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='playTime'></span>\n            ").concat(this.$i18n("video.property.playTime"),"\n          </div>\n          <MediaProgressEditor ref='$progress'  key='playTime' value=\"").concat(t.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:yo("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.emit("setAttribute",{currentTime:e},null,!0)}},{key:yo("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.emit("setAttribute",{playbackRate:e},null,!0)}},{key:Mn("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.emit("setAttribute",{volume:e},null,!0)}},{key:ir("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:ir("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:bn("$tools button"),value:function(t){switch(t.$dt.attr("data-value")){case"play":this.setState({status:"pause"},!1),this.play();break;case"pause":this.setState({status:"play"},!1),this.pause()}this.bindData("$tools")}},{key:yo("changeValue")+Un(100),value:function(t,e){this.state.$video&&this.emit("setAttribute",K1({},t,e),null,!0)}},{key:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",K1({},t,e))}},{key:yo("updateVideoEvent"),value:function(t){this.video.paused&&(this.setState({status:"play",currentTime:this.video.currentTime},!1),this.bindData("$tools")),this.children.$currentTime.setValue(this.video.currentTime)}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this,e=this.$selection.current;this.refreshShow(["video"]),e&&e.is("video")&&this.emit("refElement",e.id,(function(n){var r=n.$("video");t.state.$video=r,t.setState({volume:e.volume,currentTime:e.currentTime,playbackRate:e.playbackRate},!1),t.video.ontimeupdate=function(e){t.trigger("updateVideoEvent",e)},t.video.onprogress=function(e){t.trigger("updateVideoEvent",e)},t.load("$body")}))}},{key:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}}])&&U1(n.prototype,r),o&&U1(n,o),e}(kK),PatternProperty:X1,GridLayoutItemProperty:L1,FlexLayoutItemProperty:C1,LayoutProperty:k1,ExportProperty:p1,SVGTextProperty:o1,PathDataProperty:q0,ProjectInformationProperty:Y0,BorderNewProperty:L0,TimelineAnimationProperty:C0,ComponentProperty:k0,ImageAssetsProperty:t0,VideoAssetsProperty:s0,MotionProperty:XQ,AlignmentProperty:MQ,SVGFilterAssetsProperty:TQ,TextClipProperty:SQ,SVGItemProperty:bQ,GradientAssetsProperty:lQ,TextFillProperty:QJ,ColorAssetsProperty:NJ,ImageProperty:Jq,ArtBoardSizeProperty:zq,LayerTreeProperty:Rq,ProjectProperty:dq,ArtBoardProperty:kq,PositionProperty:uq,SelectorProperty:eq,BackgroundClipProperty:KZ,TransformOriginProperty:zZ,PerspectiveProperty:DZ,PerspectiveOriginProperty:xZ,TransitionProperty:mZ,ClipPathProperty:lZ,TransformProperty:nZ,BackdropFilterProperty:WU,CodeViewProperty:zU,FilterProperty:RU,BorderRadiusProperty:LK,BackgroundImageProperty:SU,KeyframeProperty:vU,AnimationProperty:sU,BorderImageProperty:tU,FontSpacingProperty:FW,TextProperty:VW,TextShadowProperty:$W,FontProperty:wW,ContentProperty:yW,BoxModelProperty:aW,BoxShadowProperty:qK,SizeProperty:YK},"BorderRadiusProperty",LK),t2(Q1,"BackgroundColorProperty",CK),Q1);function n2(t){return(n2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i2(t,e){return!e||"object"!==n2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function a2(t){return(a2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function c2(t,e){return(c2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var s2=function(t){function e(){return r2(this,e),i2(this,a2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c2(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{selectedIndex:1}}},{key:"template",value:function(){return'\n      <div class="feature-control inspector">\n        <div>\n          <div class="tab number-tab" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(tv.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(tv.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspectortab.title.code"),"'>\n                <label class='icon'>").concat(tv.code,'</label>\n              </div>                                     \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <AlignmentProperty />\n\n                \x3c!-- Default Property --\x3e \n                <PositionProperty />\n                <SizeProperty /> \n\n                \x3c!-- SVG Item --\x3e \n                <SVGTextProperty />        \n                <SVGItemProperty />              \n\n                \x3c!-- Image --\x3e \n                <ImageProperty />\n\n                \x3c!-- Video --\x3e \n                <VideoProperty />\n\n                \x3c!-- Component --\x3e\n                <ComponentProperty />                \n                \n                \x3c!-- Appearance --\x3e \n                <BackgroundColorProperty />\n                <BackgroundImageProperty />                \n                <PatternProperty />\n                <BorderNewProperty />\n                <BorderRadiusProperty />\n\n                <BoxModelProperty />                \n                <LayoutProperty />\n                <FlexLayoutItemProperty />\n                <GridLayoutItemProperty />      \n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <FontProperty />\n                <TextProperty />\n                <TextShadowProperty />\n                <TextFillProperty />\n                <FontSpacingProperty />\n                <TextClipProperty />  \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                \x3c!-- ArtBoard --\x3e \n                <ArtBoardSizeProperty />    \n                \n                \x3c!-- SVG --\x3e\n                <PathDataProperty />                \n\n                \x3c!-- tool --\x3e                \n                <ExportProperty />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <MotionProperty />\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="5">\n                <CodeViewProperty />\n                <div class=\'empty\'></div>                           \n              </div>                       \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:"components",value:function(){return e2}},{key:bn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&o2(n.prototype,r),o&&o2(n,o),e}(ho);function l2(t){return(l2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h2(t,e){return!e||"object"!==l2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function d2(t){return(d2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function b2(t,e){return(b2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var g2=function(t){function e(){return f2(this,e),h2(this,d2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b2(t,e)}(e,t),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(tv.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:bn("$close"),value:function(){this.$el.hide()}},{key:An("$title")+qn("movePopupTitle")+Jn("endPopupTitle"),value:function(){this.x=rn.parse(this.$el.css("left")),this.y=rn.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=rn.px(this.x.value+t),r=rn.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=28,n=320,r=this.$el.css("top"),o=this.$el.css("left"),i="auto"!==r?rn.parse(r):rn.px(110),a="auto"!==o?rn.parse(o):rn.px(document.body.clientWidth-n-e-t);this.$el.css({top:i,left:a,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:yo("hidePropertyPopup"),value:function(){this.hide()}}])&&p2(n.prototype,r),o&&p2(n,o),e}(ho);function m2(t){return(m2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function w2(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function O2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function S2(t,e){return!e||"object"!==m2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function P2(t){return(P2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $2(t,e){return($2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var E2=function(t){function e(){return k2(this,e),S2(this,P2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:dB,RangeEditor:fD}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.px(0),spreadRadius:rn.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:er("$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:bn("$popup .select button"),value:function(t){var e=t.$dt.attr("data-value");this.getRef("$type").attr("data-selected-value",e),this.updateData({inset:"inset"===e})}},{key:An("$popup .drag-board")+qn("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:rn.px(a),offsetY:rn.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:yo("changeRangeEditor"),value:function(t,e){this.updateData(O2({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:yo("changeColor"),value:function(t){this.trigger("changeRangeEditor","color",t)}},{key:yo("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]:{};e%2?w2(Object(n),!0).forEach((function(e){O2(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w2(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t,{params:e})),this.refresh(),this.show(432)}},{key:yo("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}])&&j2(n.prototype,r),o&&j2(n,o),e}(g2);function _2(t){return(_2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function C2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function T2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R2(t,e){return!e||"object"!==_2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function D2(t){return(D2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function V2(t,e){return(V2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var A2=function(t){function e(){return C2(this,e),R2(this,D2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&V2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:dB,RangeEditor:fD}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.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:er("$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          <RangeEditor ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n      </div>\n    ")}},{key:yo("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:yo("changeColor"),value:function(t){this.trigger("changeShadow","color",t)}},{key:An("$popup .drag-board")+qn("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:rn.px(a),offsetY:rn.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:yo("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:yo("hideTextShadowPropertyPopup"),value:function(){this.hide()}}])&&T2(n.prototype,r),o&&T2(n,o),e}(g2);function I2(t){return(I2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function M2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z2(t,e){return!e||"object"!==I2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F2(t){return(F2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function G2(t,e){return(G2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var H2=function(t){function e(){return M2(this,e),z2(this,F2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:rD,CubicBezierEditor:GD,RangeEditor:fD,IterationCountEditor:RV}}},{key:"initState",value:function(){return{name:"none",direction:"normal",duration:rn.second(0),timingFunction:"ease",delay:rn.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:er("$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>".concat(this.$i18n("animation.property.popup.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>".concat(this.$i18n("animation.property.popup.keyframe"),"</label>\n        <div class='input grid-1'>\n          <select ref='$name'></select>\n        </div>\n      </div>\n    ")}},{key:er("$name"),value:function(){var t=this,e=this.$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":"",r=t.$i18n(e.key);return"<option value='".concat(e.value,"' ").concat(n,">").concat(r,"</option>")}))}},{key:$n("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){var t=this,e="normal,reverse,alternate,alternate-reverse".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n      <div class='direction'>\n        <SelectEditor \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.direction,"\"\n            options='").concat(e,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:yo("changeSelect"),value:function(t,e){this.updateData(L2({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.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(){var t=this,e="none,forwards,backwards,both".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n    <div class='fill-mode'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.fillMode,"\"\n          options='").concat(e,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='".concat(this.$i18n("animation.property.popup.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='".concat(this.$i18n("animation.property.popup.iteration"),"' calc='false' key='iterationCount' value='").concat(this.state.iterationCount,"' units='normal,infinite' onChange=\"changeRangeEditor\" />\n      </div>\n    ")}},{key:yo("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?rn.number(e.value):rn.string(e.unit)),this.updateData(L2({},t,e))}},{key:yo("changeCubicBezier"),value:function(t,e){this.updateData(L2({},t,e))}},{key:yo("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:yo("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}])&&B2(n.prototype,r),o&&B2(n,o),e}(g2);function Y2(t){return(Y2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K2(t,e){return!e||"object"!==Y2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W2(t){return(W2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U2(t,e){return(U2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z2=function(t){function e(){return X2(this,e),K2(this,W2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:sL}}},{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:En("$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:yo("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:yo("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:yo("hideKeyframePopup"),value:function(){this.$el.hide()}}])&&N2(n.prototype,r),o&&N2(n,o),e}(g2);function q2(t){return(q2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J2(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Q2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function t4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e4(t,e){return!e||"object"!==q2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n4(t){return(n4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r4(t,e){return(r4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var o4=function(t){function e(){return Q2(this,e),e4(this,n4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r4(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{DirectionEditor:uB,RangeEditor:fD}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=J2(e,2),r=n[0],o=n[1],i=Sd.parse(r),a=J2(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=Sd.parse(o),y=J2(p,5),h=y[0],d=y[1],v=y[2],b=y[3],g=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:g}}},{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=rn.percent(Math.abs((o.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),u=a.clone(),s=rn.percent(100-r.value).toPx(220),l=rn.percent(100-n.value).toPx(220),f=rn.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=o.toPx(220),y=rn.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=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(y,";'></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(rn.px(l.value-o.value),";height: ").concat(rn.px(s.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(h," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:ir("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:bn("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:er("$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:yo("changeBorderRadius"),value:function(t){var e=J2(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=rn.percent(i).toPx(220),u=e.toPx(220),s=rn.percent(i).toPx(220),l=rn.percent(100-r.value).toPx(220),f=rn.percent(100-n.value).toPx(220),p=rn.percent(a).toPx(220),y=o.toPx(220),h=rn.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:y,top:h}),this.refs.$clipArea.css({left:y,top:u,width:rn.px(f.value-y.value),height:rn.px(l.value-u.value)}),this.bindData("$clipAreaView")}},{key:An("$area .clip-area-handle")+qn("moveClipArea"),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.clipRect={left:rn.parse(this.$target.css("left")),top:rn.parse(this.$target.css("top")),width:rn.parse(this.$target.css("width")),height:rn.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=rn.px(o),c=rn.px(i);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:rn.px(this.areaRect.height-(i+r)).toPercent(this.areaRect.height).round(100),right:rn.px(this.areaRect.width-(o+n)).toPercent(this.areaRect.width).round(100),left:a.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:An("$area .drag-pointer")+qn(),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,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=rn.px(n-this.areaRect.x),i=rn.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:i.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:rn.px(this.areaRect.height-i.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:rn.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)}}])&&t4(n.prototype,r),o&&t4(n,o),e}(ho);function i4(t){return(i4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a4(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function c4(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function u4(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 s4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f4(t,e){return!e||"object"!==i4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p4(t){return(p4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y4(t,e){return(y4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var h4=function(t){function e(){return s4(this,e),f4(this,p4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y4(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=220,n=220;return t.split(",").filter((function(t){return t.trim()})).map((function(t){var r=u4(t.trim().split(" "),2),o=r[0],i=r[1];return{x:rn.parse(o).toPx(e),y:rn.parse(i).toPx(n)}}))}},{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:er("$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(tv.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(tv.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:bn("$area")+Qn,value:function(t){if(un.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:rn.px(n-this.areaRect.left),y:rn.px(r-this.areaRect.top)}),this.refresh()}}},{key:bn("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:bn("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:ir("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:er("$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:bn("$area .drag-pointer")+Kn+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:An("$area .drag-pointer")+qn(),value:function(t){this.selectedIndex=+t.$dt.attr("data-index"),this.$target=t.$dt,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=rn.px(n-this.areaRect.x),i=rn.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:rn.px(n.value+10),y:rn.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]:{};e%2?a4(Object(n),!0).forEach((function(e){c4(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a4(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.state.value[t],{},e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&l4(n.prototype,r),o&&l4(n,o),e}(ho);function d4(t){return(d4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v4(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 b4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m4(t,e){return!e||"object"!==d4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w4(t){return(w4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O4(t,e){return(O4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k4=function(t){function e(){return b4(this,e),m4(this,w4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O4(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{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=t.split("at").map((function(t){return t.trim()})),o=v4(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=v4(i,2),c=a[0],u=a[1];A(u)&&(u=c),c=rn.parse(c),u=rn.parse(u);var s=e.split(" "),l=v4(s,2),f=l[0],p=l[1];return A(p)&&(p=f),{radiusX:f=rn.parse(f),radiusY:p=rn.parse(p),x:c,y:u}}},{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:ir("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:An("$area")+qn()+Jn(),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=rn.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=rn.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:yo("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()))}}])&&g4(n.prototype,r),o&&g4(n,o),e}(ho);function j4(t){return(j4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function x4(t,e){return!e||"object"!==j4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $4(t){return($4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E4(t,e){return(E4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _4=function(t){function e(){return S4(this,e),x4(this,$4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&E4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:k4,PolygonEditor:h4,InsetEditor:o4,SelectEditor:rD,CircleEditor:bL}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return Ld.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:er("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:er("$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=(this.$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:yo("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:yo("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(Ld.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:yo("hideClipPathPopup"),value:function(){this.hide()}}])&&P4(n.prototype,r),o&&P4(n,o),e}(g2);function C4(t){return(C4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function T4(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function R4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function V4(t,e){return!e||"object"!==C4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function A4(t){return(A4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function I4(t,e){return(I4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var L4=["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"],M4=function(t){function e(){return R4(this,e),V4(this,A4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:rD,CubicBezierEditor:GD,RangeEditor:fD}}},{key:"initState",value:function(){return{property:"all",duration:rn.second(0),timingFunction:"ease",delay:rn.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:er("$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:yo("changeTransition"),value:function(t,e){this.updateData(T4({},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(L4.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:yo("changeRangeEditor"),value:function(t,e){this.updateData(T4({},t,e))}},{key:yo("changeCubicBezier"),value:function(t,e){this.updateData(T4({},t,e))}},{key:yo("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:yo("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}])&&D4(n.prototype,r),o&&D4(n,o),e}(g2);function B4(t){return(B4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G4(t,e){return!e||"object"!==B4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H4(t){return(H4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y4(t,e){return(Y4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X4=function(t){function e(){return z4(this,e),G4(this,H4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:BM,SVGClipPathEditor:QM}}},{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:er("$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:yo("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:yo("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:En("$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:yo("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:yo("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}])&&F4(n.prototype,r),o&&F4(n,o),e}(g2);function N4(t){return(N4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function W4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U4(t,e){return!e||"object"!==N4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Z4(t,e,n){return(Z4="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=q4(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 q4(t){return(q4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function J4(t,e){return(J4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Q4=function(t){function e(){return K4(this,e),U4(this,q4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&J4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:eL}}},{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>".concat(this.$i18n("selector.popup.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:En("$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(){Z4(q4(e.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:yo("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:yo("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}])&&W4(n.prototype,r),o&&W4(n,o),e}(g2);function t5(t){return(t5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function e5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r5(t,e){return!e||"object"!==t5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function o5(t){return(o5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function i5(t,e){return(i5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var a5=function(t){function e(){return e5(this,e),r5(this,o5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:dB}}},{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.state.target&&this.state.target.trigger(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>\n    ")}},{key:er("$projectColors"),value:function(){return(this.$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:bn("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:yo("changeColor"),value:function(t){this.updateData({color:t})}},{key:yo("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof ho))throw new Error("ColorPicker needs data.target");this.params=e,this.setState(t,!1),this.children.$color.setValue(this.state.color),this.show(232)}},{key:yo("hideColorPickerPopup"),value:function(){this.hide()}}])&&n5(n.prototype,r),o&&n5(n,o),e}(g2);function c5(t){return(c5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function u5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function l5(t,e){return!e||"object"!==c5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f5(t){return(f5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function p5(t,e){return(p5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y5=function(t){function e(){return u5(this,e),l5(this,f5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p5(t,e)}(e,t),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:er("$imageBox")+Wn,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(t,e){return"<div class='image-item' ><img src= '".concat(t.local,"' /></div>")}))}},{key:bn("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("src"),naturalWidth:rn.px(e.naturalWidth),naturalHeight:rn.px(e.naturalHeight),width:rn.px(e.naturalWidth),height:rn.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:yo("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:yo("hideImageSelectPopup"),value:function(){this.hide()}}])&&s5(n.prototype,r),o&&s5(n,o),e}(g2);function h5(t){return(h5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function v5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function b5(t,e){return!e||"object"!==h5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g5(t){return(g5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function m5(t,e){return(m5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var w5=function(t){function e(){return d5(this,e),b5(this,g5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m5(t,e)}(e,t),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:er("$imageList")+Wn,value:function(){return(this.$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:bn("$imageList .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData(e.attr("src"))}},{key:"updateData",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:yo("addImageAsset"),value:function(){this.refresh()}}])&&v5(n.prototype,r),o&&v5(n,o),e}(ho);function O5(t){return(O5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k5(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function j5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?k5(Object(n),!0).forEach((function(e){S5(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):k5(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function S5(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function P5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $5(t,e){return!e||"object"!==O5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E5(t,e,n){return(E5="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=_5(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 _5(t){return(_5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function C5(t,e){return(C5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var T5=function(t){function e(){return P5(this,e),$5(this,_5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&C5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:w5,EmbedColorPicker:dB,GradientEditor:kV}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){E5(_5(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:yo("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof qc&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:er("$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:yo("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:yo("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:yo("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:yo("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:yo("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:yo("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(j5({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&x5(n.prototype,r),o&&x5(n,o),e}(g2);function R5(t){return(R5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function V5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function A5(t,e){return!e||"object"!==R5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I5(t){return(I5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function L5(t,e){return(L5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var M5=function(t){function e(){return D5(this,e),A5(this,I5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&L5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:BM}}},{key:"getClassName",value:function(){return"transparent"}},{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:er("$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:yo("changeFilterEditor"),value:function(t,e){this.updateData({filters:e})}},{key:"refresh",value:function(){this.load()}},{key:yo("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return PO.parse(t)})),t.preview=!I(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:yo("hideSVGFilterPopup"),value:function(){this.$el.hide()}}])&&V5(n.prototype,r),o&&V5(n,o),e}(g2);function B5(t){return(B5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G5(t,e){return!e||"object"!==B5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H5(t){return(H5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y5(t,e){return(Y5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X5=function(t){function e(){return z5(this,e),G5(this,H5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:dB,RangeEditor:fD,SelectEditor:rD,GradientEditor:kV}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||rn.px(0),y:this.props.y||rn.px(0),width:this.props.width||rn.px(0),height:this.props.height||rn.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.state.params)}},{key:"templateForSize",value:function(){return"\n      <div class='popup-item'>\n        <SelectEditor label=\"".concat(this.$i18n("background.image.position.popup.size"),"\" ref='$size' key='size' value=\"").concat(this.state.size,'" options="contain,cover,auto" onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:yo("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=\"".concat(this.$i18n("background.image.position.popup.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=\"".concat(this.$i18n("background.image.position.popup.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>".concat(this.$i18n("background.image.position.popup.repeat"),"</label>\n      <div class='repeat-list' ref=\"$repeat\" data-value='").concat(this.state.repeat,"'>\n          <button type=\"button\" value='no-repeat' title=\"").concat(this.$i18n("background.image.position.popup.type.no-repeat"),'"></button>\n          <button type="button" value=\'repeat\' title="').concat(this.$i18n("background.image.position.popup.type.repeat"),'"></button>\n          <button type="button" value=\'repeat-x\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-x"),'"></button>\n          <button type="button" value=\'repeat-y\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-y"),'"></button>\n          <button type="button" value=\'space\' title="').concat(this.$i18n("background.image.position.popup.type.space"),'"></button>\n          <button type="button" value=\'round\' title="').concat(this.$i18n("background.image.position.popup.type.round"),'"></button>\n      </div>\n    </div>\n    ')}},{key:bn("$repeat button"),value:function(t){var e=t.$dt;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=\"".concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(tE,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:er("$picker"),value:function(){return"\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        </div>\n      </div>\n    ")}},{key:yo("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}])&&F5(n.prototype,r),o&&F5(n,o),e}(g2);function N5(t){return(N5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K5(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function W5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?K5(Object(n),!0).forEach((function(e){U5(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):K5(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function U5(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Z5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function q5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function J5(t,e){return!e||"object"!==N5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Q5(t,e,n){return(Q5="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=t3(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 t3(t){return(t3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function e3(t,e){return(e3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var n3=function(t){function e(){return Z5(this,e),J5(this,t3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&e3(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:w5,EmbedColorPicker:dB,FillEditor:lz}}},{key:"initState",value:function(){return{image:y$.create()}}},{key:"initialize",value:function(){Q5(t3(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:yo("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof qc&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:er("$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:yo("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:yo("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:yo("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:yo("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.setState(t)}},{key:yo("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:yo("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(W5({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&q5(n.prototype,r),o&&q5(n,o),e}(g2);function r3(t){return(r3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function a3(t,e){return!e||"object"!==r3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function c3(t){return(c3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function s3(t,e){return(s3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var l3={PatternInfoPopup:function(t){function e(){return o3(this,e),a3(this,c3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s3(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"components",value:function(){return YF}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||rn.px(0),y:this.props.y||rn.px(0),width:this.props.width||rn.px(0),height:this.props.height||rn.px(0),lineWidth:this.props.lineWidth||rn.px(1),lineHeight:this.props.lineHeight||rn.px(1),foreColor:this.props.foreColor||"black",backColor:this.props.backColor||"transparent",blendMode:this.props.blendMode||"normal"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1);var e=this.state,n=e.x,r=e.y,o=e.width,i=e.height,a=e.foreColor,c=e.backColor,u=e.blendMode,s=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:o,height:i,foreColor:a,backColor:c,blendMode:u,lineWidth:s,lineHeight:l},this.state.params)}},{key:yo("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(){if(this.hasNotX())return"";var t="X",e="";return"diagonal-line"===this.state.type&&(t=this.$i18n("pattern.info.popup.rotate"),e="deg"),"\n      <div class='popup-item'>\n        <RangeEditor \n            label=\"".concat(t,'"\n            calc="false"            \n            ref="$x" \n            key="x"\n            value="').concat(this.state.x,'"\n            min="0" max="1000" step="1"\n            units="').concat(e,'"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return this.hasNotY()?"":'\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="0" 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=\"".concat(this.$i18n("pattern.info.popup.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=\"".concat(this.$i18n("pattern.info.popup.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:"hasNotLineWidth",value:function(){return["check"].includes(this.state.type)}},{key:"hasNotLineHeight",value:function(){return["cross-dot","dot","check","diagonal-line","horizontal-line"].includes(this.state.type)}},{key:"hasNotX",value:function(){return["grid","dot","horizontal-line"].includes(this.state.type)}},{key:"hasNotY",value:function(){return["grid","dot","diagonal-line","vertical-line"].includes(this.state.type)}},{key:"templateForLineWidth",value:function(){return this.hasNotLineWidth()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineWidth"),'"   \n          calc="false"             \n          ref="$lineWidth" \n          key="lineWidth"\n          value="').concat(this.state.lineWidth,'"          \n          min="0" max="500" step="1" \n          onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForLineHeight",value:function(){return this.hasNotLineHeight()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineHeight"),'"\n          calc="false"          \n          ref="$lineHeight" \n          key="lineHeight"\n          value="').concat(this.state.lineHeight,'"          \n          min="0" max="500" step="1" onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForForeColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$foreColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.foreColor"),"\" \n            key='foreColor' \n            value=\"").concat(this.state.foreColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBackColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$backColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.backColor"),"\" \n            key='backColor' \n            value=\"").concat(this.state.backColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBlendMode",value:function(){return"\n    <div class='popup-item'>\n      <BlendSelectEditor \n            ref='$blend' \n            key='blendMode' \n            label=\"".concat(this.$i18n("pattern.info.popup.blend"),'"\n            value="').concat(this.state.blendMode,'" \n            onchange="changeRangeEditor" \n        />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:er("$picker"),value:function(){return"\n      \n      <div class='box'>\n\n        <div class='background-property'>      \n          ".concat(this.templateForWidth(),"\n          ").concat(this.templateForHeight(),"        \n          ").concat(this.templateForLineWidth(),"\n          ").concat(this.templateForLineHeight(),"                  \n          ").concat(this.templateForX(),"\n          ").concat(this.templateForY(),"\n          ").concat(this.templateForForeColor(),"\n          ").concat(this.templateForBackColor(),"\n          ").concat(this.templateForBlendMode(),"\n        </div>\n      </div>\n    ")}},{key:yo("showPatternInfoPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changePatternInfoPopup",this.state.params=e,this.state.instance=t.instance,this.setState(t.data),this.show(460)}}])&&i3(n.prototype,r),o&&i3(n,o),e}(g2),FillPickerPopup:n3,BackgroundImagePositionPopup:X5,SVGFilterPopup:M5,GradientPickerPopup:T5,ImageSelectPopup:y5,ColorPickerPopup:a5,SelectorPopup:Q4,SVGPropertyPopup:X4,ClipPathPopup:_4,KeyframePopup:Z2,AnimationPropertyPopup:H2,TransitionPropertyPopup:M4,TextShadowPropertyPopup:A2,BoxShadowPropertyPopup:E2};function f3(t){return(f3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p3(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 h3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function b3(t,e){return!e||"object"!==f3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g3(t,e,n){return(g3="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=m3(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 m3(t){return(m3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function w3(t,e){return(w3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var O3=function(t){function e(){return h3(this,e),b3(this,m3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&w3(t,e)}(e,t),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(){g3(m3(e.prototype),"initialize",this).call(this),this.refs.$head=un.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(q(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,"']"));return("\n      <style type='text/css' data-id='".concat(t.id,"'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeStyle(t)})).join(""))}},{key:"makeDragStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateDragView("[data-id='".concat(t.id,"']"));return("\n      <style type='text/css' data-id='".concat(t.id,"-drag'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeDragStyle(t)})).join(""))}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new kk;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,n=un.create("div"),r=this.makeStyle(t);n.html(r).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"changeDragStyleHead",value:function(t){var e=this;un.create("div").html(this.makeDragStyle(t)).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"refreshStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=t.allLayers);var r=n.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeStyleHead(t)}},{key:"refreshDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(p3(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeDragStyleHead(t)}},{key:"removeDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(p3(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()}))}},{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:er("$svgArea"),value:function(){var t=this.$selection.currentProject||{};return this.makeSvg(t)}},{key:yo("refreshStyleView","moveTimeline","playTimeline"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t?(this.load(),this.refreshStyleHeadOne(t,e)):this.refresh()}},{key:yo("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:yo("refreshSelectionStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;L(e)?n=e:null!==e&&(n=[e]);var r=[];r=n?B(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items;var o=[],i=[];r.forEach((function(e){var n=e.allLayers.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");i.push(n),o.push(t.makeStyle(e))})),i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var a=un.create("div"),c=a.html(o.join("")).createChildrenFragment();this.refs.$head.append(c)}},{key:yo("removeSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;L(e)?n=e:null!==e&&(n=[e]),(n?B(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.removeDragStyleHeadOne(e,!0)}))}},{key:yo("refreshSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;L(e)?n=e:null!==e&&(n=[e]),(n?B(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.refreshDragStyleHeadOne(e,!0)}))}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}])&&d3(n.prototype,r),o&&d3(n,o),e}(ho);function k3(t){return(k3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function j3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function P3(t,e){return!e||"object"!==k3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $3(t){return($3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E3(t,e){return(E3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _3=function(t){function e(){return j3(this,e),P3(this,$3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&E3(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{ArtBoardProperty:kq,LayerTreeProperty:Rq}}},{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    "}}])&&S3(n.prototype,r),o&&S3(n,o),e}(ho),C3={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 T3(t){return(T3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R3(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 D3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function V3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function A3(t,e){return!e||"object"!==T3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I3(t){return(I3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function L3(t,e){return(L3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var M3=function(t){function e(){return D3(this,e),A3(this,I3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&L3(t,e)}(e,t),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(C3).map((function(t){return"<div class='path-item'>".concat(C3[t],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$el .path-item"),value:function(t){var e=t.$dt.$("svg"),n=e.$("path"),r=R3(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("convertPath",u,s)}}])&&V3(n.prototype,r),o&&V3(n,o),e}(ho);function B3(t){return(B3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G3(t,e){return!e||"object"!==B3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H3(t){return(H3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y3(t,e){return(Y3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X3=function(t){function e(){return z3(this,e),G3(this,H3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y3(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='component-items'>\n        <div class='group'>\n          <label>".concat(this.$i18n("component.items.canvas"),"</label>\n          <div class='list'>\n            <SelectTool title='Select' />\n            <AddArtboard title='Artboard' />            \n          </div>\n        </div>              \n        <div class='group'>\n        <label>").concat(this.$i18n("component.items.layer"),"</label>\n          <div class='list'>\n            <AddRect title='Rect' />\n            <AddCircle title='Circle' />         \n            <AddText title='Text' />\n            <AddImage title='Image' />\n            <AddVideo title='Video' />\n          </div>\n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.drawing"),"</label>\n          <div class='list'>            \n            \x3c!--<AddDrawBrush title='Brush' />--\x3e\n            <AddDrawPath title='Draw' />\n            <AddPath title='Path' />\n            <AddSVGRect title='Rect' />\n            <AddSVGCircle title='Circle' />\n            <AddSVGText title='Text' />\n            <AddSVGTextPath title='Text Path' />\n          </div>          \n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.custom"),"</label>\n          <div class='list'>            \n            <AddCube title='Cube' />\n            <AddCylinder title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:bn("$el button"),value:function(t){var e=this.refs.$el.$(".selected");e&&e.removeClass("selected"),t.$dt.addClass("selected")}}])&&F3(n.prototype,r),o&&F3(n,o),e}(ho);function N3(t){return(N3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function W3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U3(t,e){return!e||"object"!==N3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Z3(t){return(Z3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function q3(t,e){return(q3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var J3=function(t){function e(){return K3(this,e),U3(this,Z3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&q3(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='preview-tool-menu'>\n        <div class='items'>\n          <Fullscreen />      \n          <ExportView />\n          <ExportCodePen />\n          <div class='divdier'></div>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />          \n        </div>                \n      </div>\n    "}}])&&W3(n.prototype,r),o&&W3(n,o),e}(ho);function Q3(t){return(Q3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function t8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n8(t,e){return!e||"object"!==Q3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r8(t){return(r8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function o8(t,e){return(o8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var i8={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var a8=function(t){function e(){return t8(this,e),n8(this,r8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o8(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:er("$el"),value:function(){return Nl.map((function(t){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(t.description,"</label>\n            <span><kbd>").concat((e=t.key,e.toLowerCase().split("+").map((function(t){return i8[t]||t})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(t.when,"</div>\n        </div>\n      ");var e}))}}])&&e8(n.prototype,r),o&&e8(n,o),e}(ho);function c8(t){return(c8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function u8(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function s8(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function l8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function p8(t,e){return!e||"object"!==c8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function y8(t){return(y8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function h8(t,e){return(h8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var d8=function(t){function e(){return l8(this,e),p8(this,y8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h8(t,e)}(e,t),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]:{};e%2?u8(Object(n),!0).forEach((function(e){s8(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u8(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({ShortCutItems:a8},e2,{ObjectItems:_3,ComponentItems:X3,LibraryItems:M3,PreviewToolMenu:J3})}},{key:"initState",value:function(){return{selectedIndex:2}}},{key:"template",value:function(){return"\n      <div class='layer-tab'>\n        <div class=\"tab number-tab side-tab side-tab-left\" data-selected-value=\"2\" ref=\"$tab\">\n          <div class=\"tab-header full\" ref=\"$header\">\n            <div class='logo-item'>\n              <label class='logo' title='EasyLogic Studio'></label>\n            </div>                  \n            <div class='tab-item' data-value='4' title=\"".concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(tv.add,'</label>\n            </div>          \n            <div class="tab-item selected" data-value="2" title="').concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(tv.account_tree,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(tv.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(tv.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.keyMap"),'">\n              <label>').concat(tv.keyboard,"</label>\n            </div>               \n            <div class='tab-item extra-item' >\n              <PreviewToolMenu />\n            </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 selected\" data-value=\"2\">\n              <ObjectItems />\n            </div>\n            <div class='tab-content' data-value='3'>\n              <LibraryItems />\n            </div>\n            <div class='tab-content' data-value='4'>\n              <ComponentItems />\n            </div>\n            <div class='tab-content' data-value='6'>\n              <ShortCutItems />\n            </div>                \n            <div class='tab-content' data-value='5'>\n              <div class='assets'>\n                <ColorAssetsProperty />\n                <GradientAssetsProperty />    \n                <PatternAssetsProperty />    \n                <ImageAssetsProperty />      \n                <VideoAssetsProperty />       \n                <SVGFilterAssetsProperty />                \n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$header .tab-item:not(.extra-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&f8(n.prototype,r),o&&f8(n,o),e}(ho);function v8(t){return(v8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m8(t,e){return!e||"object"!==v8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w8(t){return(w8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O8(t,e){return(O8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k8=function(t){function e(){return b8(this,e),m8(this,w8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O8(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{LayerTab:d8}}},{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <LayerTab />\n      </div>\n    '}}])&&g8(n.prototype,r),o&&g8(n,o),e}(ho);function j8(t){return(j8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function x8(t,e){return!e||"object"!==j8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $8(t){return($8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E8(t,e){return(E8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _8=function(t){function e(){return S8(this,e),x8(this,$8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&E8(t,e)}(e,t),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    "}}])&&P8(n.prototype,r),o&&P8(n,o),e}(ho);function C8(t){return(C8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function T8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function R8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function D8(t,e){return!e||"object"!==C8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function V8(t){return(V8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function A8(t,e){return(A8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var I8=function(t){function e(){return T8(this,e),D8(this,V8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&A8(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='external-tool-menu  right'>\n        <div class='items'>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    "}}])&&R8(n.prototype,r),o&&R8(n,o),e}(ho);function L8(t){return(L8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z8(t,e){return!e||"object"!==L8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F8(t){return(F8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function G8(t,e){return(G8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var H8=function(t){function e(){return M8(this,e),z8(this,F8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G8(t,e)}(e,t),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(tv.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:bn("$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:yo("showExportWindow"),value:function(){this.show(),this.refresh()}}])&&B8(n.prototype,r),o&&B8(n,o),e}(ho);function Y8(t){return(Y8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K8(t,e){return!e||"object"!==Y8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W8(t){return(W8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U8(t,e){return(U8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z8=function(t){function e(){return X8(this,e),K8(this,W8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U8(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"export-window"}},{key:"getTitle",value:function(){return"Export"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="tab number-tab" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" 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 selected" 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:yo("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var t=this,e=this.$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=Ya.generate(this.$editor);if(this.refs.$js.text(o.js),this.$selection.currentArtboard){var i=Ya.generateSVG(this.$editor,this.$selection.currentArtboard);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(un.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(q(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:bn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&N8(n.prototype,r),o&&N8(n,o),e}(H8);function q8(t){return(q8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Q8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function t6(t,e){return!e||"object"!==q8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function e6(t){return(e6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n6(t,e){return(n6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var r6=function(t){function e(){return J8(this,e),t6(this,e6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n6(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"login-window"}},{key:"getTitle",value:function(){return"Login"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$login\'>Login</button>\n            </div>\n        '}},{key:bn("$login"),value:function(t){var e=this,n=this.refs.$email.value,r=this.refs.$password.value;firebase.auth().signInWithEmailAndPassword(n,r).then((function(t){e.$editor.setUser(t),e.hide()})).catch((function(t){t.code,t.message,console.log(t)}))}},{key:yo("showLoginWindow"),value:function(){this.show()}}])&&Q8(n.prototype,r),o&&Q8(n,o),e}(H8);function o6(t){return(o6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c6(t,e){return!e||"object"!==o6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u6(t){return(u6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function s6(t,e){return(s6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var l6={SignWindow:function(t){function e(){return i6(this,e),c6(this,u6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s6(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"sign-window"}},{key:"getTitle",value:function(){return"Sign"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>fullname <input type="text" ref="$fullname" /></label>\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$register\'>Register</button>\n            </div>\n        '}},{key:bn("$register"),value:function(){console.log(firebase);var t=this.refs.$email.value,e=this.refs.$password.value;firebase.auth().createUserWithEmailAndPassword(t,e).catch((function(t){t.code,t.message,console.log(t)}))}},{key:yo("showSignWindow"),value:function(){this.show()}}])&&a6(n.prototype,r),o&&a6(n,o),e}(H8),LoginWindow:r6,ExportWindow:Z8};function f6(t){return(f6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function y6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h6(t,e){return!e||"object"!==f6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function d6(t){return(d6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function v6(t,e){return(v6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var b6=function(t){function e(){return p6(this,e),h6(this,d6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v6(t,e)}(e,t),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            <input type='file' accept='video/*' multiple=\"true\" ref='$video' class='embed-video-input'/>\n        </div>\n        "}},{key:$n("$file"),value:function(t){var e=this;this.refs.$file.files.forEach((function(t){e.emit("updateImage",t,e.state.rect)}))}},{key:$n("$video"),value:function(t){var e=this;this.refs.$video.files.forEach((function(t){e.emit("updateVideo",t,e.state.rect)}))}},{key:yo("openImage"),value:function(t){this.state.rect=t,this.refs.$file.click()}},{key:yo("openVideo"),value:function(t){this.state.rect=t,this.refs.$video.click()}}])&&y6(n.prototype,r),o&&y6(n,o),e}(ho);function g6(t){return(g6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function m6(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 w6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function O6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function k6(t,e){return!e||"object"!==g6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j6(t){return(j6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function S6(t,e){return(S6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var P6={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},x6=function(t){function e(){return w6(this,e),k6(this,j6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&S6(t,e)}(e,t),n=e,(r=[{key:yo("refreshCanvas","refreshSelection")+Un(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(t){var e=this,n=this.$selection.currentArtboard,r=n.searchById(t.id);if(r){var o=this.$timeline.checkLayer(r.id),i=n.searchById(r.id);return"\n        <div class='timeline-object' data-timeline-animation-id=\"".concat(r.id,"\">\n            <div class='timeline-object-row layer' data-selected='").concat(o,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(tv.chevron_right,"</div>\n                <div class='title'> ").concat(r.name,"</div>\n                <div class='tools'>\n                    <button type=\"button\" class='remove-timeline' data-layer-id='").concat(r.id,"'>").concat(tv.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(t.properties.map((function(t){var n=e.$timeline.checkProperty(r.id,t.property);return("\n                <div class='timeline-object-row layer-property' data-selected='".concat(n,"' data-layer-id='").concat(r.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 P6[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?i.totalLength:"","\n                      ").concat("points"===t.property?i.totalLength:"","\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(r.id,"' data-property='").concat(t.property,"'>").concat(tv.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(r.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:er()+Wn,value:function(){var t=this,e=this.$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")})),this.$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:bn("$el .timeline-object-row.layer .title"),value:function(t){var e=t.$dt.closest("timeline-object");e.toggleClass("collapsed");var n=t.$dt.closest("timeline-object-row").attr("data-layer-id");this.$timeline.selectLayer(n),this.$timeline.toggleLayerContainer(e.attr("data-timeline-animation-id")),this.refreshSelection(),this.emit("toggleTimelineObjectRow",n,e.hasClass("collapsed"))}},{key:bn("$el .timeline-object-row.layer .add-property"),value:function(t){var e=t.$dt.closest("timeline-object-row").$(".property-select").val(),n=t.$dt.attr("data-layer-id");if(e){var r=this.$selection.current;this.emit("addTimelineProperty",{layerId:n,property:e,value:r[e]})}}},{key:bn("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$dt.attr("data-layer-id");e&&this.emit("removeTimeline",e)}},{key:bn("$el .timeline-object-row.layer-property .add"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("copyTimelineProperty",e,n)}},{key:bn("$el .timeline-object-row.layer-property .remove"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("removeTimelineProperty",e,n)}},{key:bn("$el .timeline-object-row.layer-property .title"),value:function(t){var e=m6(t.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),2),n=e[0],r=e[1];this.$timeline.selectProperty(n,r),this.refreshSelection(),this.emit("refreshTimeline")}},{key:yo("refreshTimeline"),value:function(){this.refresh()}}])&&O6(n.prototype,r),o&&O6(n,o),e}(ho);function $6(t){return($6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function E6(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _6(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function C6(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 T6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function R6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function D6(t,e){return!e||"object"!==$6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function V6(t){return(V6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function A6(t,e){return(A6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var I6=function(t){function e(){return T6(this,e),D6(this,V6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&A6(t,e)}(e,t),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 rn.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=this.$selection.currentArtboard,o=C6(e.split(",").map((function(t){return t.trim()})),1)[0],i=r.searchById(o);i&&(e=i.d)}else e=null;if(e){var a=TP(new aa(e).segments),c=a.totalLength,u=a.interpolateList,s=0;(n=u.map((function(t){var e={totalLength:c,length:t.length+s};return s+=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]:{};e%2?E6(Object(n),!0).forEach((function(e){_6(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E6(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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(Q({"data-layer-id":t,"data-property":n.property}),">\n\n            ").concat(o.map((function(e,i){var a=o[i+1];if(!a)return"";var c=rn.px(e.left.value),u=rn.px(a.left.value-e.left.value),s=r.$timeline.checked(e.id)&&r.$timeline.checked(a.id);return"\n                    <div ".concat(Q({"data-selected":"".concat(s),class:{"offset-line":!0}})," style='left: ").concat(c,"; width: ").concat(u,"'} ></div>\n\n                    ").concat(e.subOffset.map((function(r,o){var i=rn.px(e.left.value+r.length/r.totalLength*u.value);return("\n                        <div class='".concat(tt({"sub-offset":!0}),"' style='left: ").concat(i,"' ").concat(Q({"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 o=r.$timeline.checked(e.id);return("<div class='offset' style='left: ".concat(e.left,"' ").concat(Q({"data-selected":"".concat(o),"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=this.$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 ".concat(tt({collapsed:e.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div class='timeline-keyframe-row layer'  ").concat(Q({"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(Q({"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=un.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=A(t)?this.state.rowIndex:+t}},{key:On("$el")+Yn("Backspace"),value:function(t){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(t,e){return 0===t&&0===e}},{key:An("$el")+Hn("hasDragPlace")+qn("moveDragArea")+Jn("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(un.create(t.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(t,e){if(!this.isNotMoved(t,e)){var n=t<0?rn.px(this.dragXY.x+t):rn.px(this.dragXY.x),r=e<0?rn.px(this.dragXY.y+e):rn.px(this.dragXY.y),o=rn.px(Math.abs(t)),i=rn.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(un.create(this.$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=C6(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.isNotMoved(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);this.$timeline.selectBySearch(this.getLayerList(),r,o),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:er("$keyframeList")+Wn,value:function(){var t=this,e=this.$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:bn("$el .timeline-keyframe-row.layer .title"),value:function(t){t.$dt.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:gn("$el .layer-property"),value:function(t){var e=C6(t.$dt.attrs("data-layer-id","data-property"),2),n=e[0],r=e[1],o=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("addTimelineKeyframe",{layerId:n,property:r,time:o}),this.doubleClicked=!0,this.refresh()}},{key:An("$el .layer-property .offset")+Hn("hasCurrentTimeline")+qn("moveOffset")+Jn("moveEndOffset"),value:function(t){var e=this;this.$offset=t.$dt;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=this.$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,this.$timeline.checked(n)||this.$timeline.select(this.offset),this.cachedOffsetList={},this.$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;if(!this.isNotMoved(t,e)){var 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);this.$timeline.each((function(t){var e=n.cachedOffsetList[t.id]+u*c;e=Math.max(e,o),e=Math.min(e,i);var r=cc(a,e);e=ac(a,r),t.time=e})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:yo("toggleTimelineObjectRow"),value:function(t,e){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(t,'"]')).toggleClass("collapsed",e)}},{key:"moveEndOffset",value:function(t,e){if(this.isNotMoved(t,e))return this.refresh(),void this.emit("refreshOffsetValue",this.offset);var n=this.$selection.currentArtboard;n&&(this.$timeline.each((function(t){n.sortTimelineKeyframe(t.layerId,t.property)})),this.refresh())}},{key:yo("addTimeline","moveTimeline")+Un(100),value:function(){this.refresh()}},{key:yo("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:yo("resize.window")+Un(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}}])&&R6(n.prototype,r),o&&R6(n,o),e}(ho);function L6(t){return(L6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z6(t,e){return!e||"object"!==L6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F6(t){return(F6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function G6(t,e){return(G6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var H6=function(t){function e(){return M6(this,e),z6(this,F6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G6(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(tv.timer,'</button>\n                <label><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:yo("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:yo("refreshTimeline"),value:function(){this.refresh()}},{key:yo("moveTimeline","refreshSelection")+Zn(10),value:function(){this.refresh()}},{key:On("$fps")+Xn,value:function(t){var e=+this.refs.$fps.val(),n=this.$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:bn("$timer"),value:function(){var t=this.$selection.currentArtboard;t&&(t.seek(this.refs.$currentTime.value,(function(t){return!0})),this.emit("playTimeline"))}},{key:wn("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:On("$currentTime")+Xn+Hn("checkNumberOrTimecode")+Hn("hasCurrentTimeline")+Qn,value:function(t){var e=this.refs.$currentTime.value,n=this.$selection.currentArtboard;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:wn("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:On("$duration")+Xn+Hn("checkNumberOrTimecode")+Hn("hasCurrentTimeline")+Qn,value:function(t){var e=this.refs.$duration.value,n=this.$selection.currentArtboard;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&B6(n.prototype,r),o&&B6(n,o),e}(ho);function Y6(t){return(Y6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K6(t,e){return!e||"object"!==Y6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W6(t){return(W6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U6(t,e){return(U6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z6=function(t){function e(){return X6(this,e),K6(this,W6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U6(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{KeyframeTimeControl:H6}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <KeyframeTimeControl />\n            </div>\n        "}}])&&N6(n.prototype,r),o&&N6(n,o),e}(ho);function q6(t){return(q6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J6(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Q6(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function t9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n9(t,e){return!e||"object"!==q6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r9(t){return(r9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function o9(t,e){return(o9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var i9=function(t){function e(){return t9(this,e),n9(this,r9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o9(t,e)}(e,t),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=rn.percent(t.displayStartTime/t.totalTime*100),n=rn.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:rn.percent(n.value-e.value)})}}},{key:An("$start")+Hn("hasCurrentTimeline")+qn("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=rn.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveStartButton",value:function(){var t=this.$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:An("$end")+Hn("hasCurrentTimeline")+qn("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=rn.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveEndButton",value:function(){var t=this.$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:An("$gauge")+Hn("hasCurrentTimeline")+qn("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=this.$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(Q6({},t,e),!1)}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_grid_font_color"),e=this.$theme("timeline_timeview_bottom_color"),n=this.$theme("timeline_line_color"),r=this.currentTimeline;if(r){var o=this.$el.rect(),i=o.width,a=(o.height,r.displayStartTime),c=r.displayEndTime,u=r.fps,s=r.currentTime,l=Math.floor(a*u),f=Math.floor(c*u),p=(i=o.width,f-l),y=5;p<100?y=10:p<1e3?y=100:p<1e4?y=1e3:p<1e5&&(y=1e4),l%y!=0&&(l+=y-l%y);var h={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:i,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),o=i-20;for(this.drawOption(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?J6(Object(n),!0).forEach((function(e){Q6(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):J6(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},h));l<f;l+=y){var p=(ac(u,l)-a)/(c-a)*o;this.drawOption({fillStyle:t}),this.drawText(p+10,7,uc(u,l).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var d=(s-a)/(c-a)*o;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([d-4+10,r.height-10],[d+4+10,r.height-10],[d+4+10,r.height-4],[d+10,r.height],[d-4+10,r.height-4],[d-4+10,r.height-10])}))}}},{key:An("$canvas")+Hn("hasCurrentTimeline")+qn()+Jn("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.artboard=this.$selection.currentArtboard,this.emit("hideSelectionToolView"),this.$selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var t=this.width,e=t,n=this.$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(){this.emit("resetSelection")}},{key:yo("resize.window")+Un(100),value:function(){this.refresh()}},{key:yo("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:yo("moveTimeline","refreshSelection")+Zn(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&e9(n.prototype,r),o&&e9(n,o),e}(ho);function a9(t){return(a9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s9(t,e){return!e||"object"!==a9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l9(t){return(l9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f9(t,e){return(f9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var p9=function(t){function e(){return c9(this,e),s9(this,l9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f9(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n            <div class='keyframe-time-grid-view'>\n                <canvas ref=\"$canvas\"></canvas>\n            </div>\n        "}},{key:"refresh",value:function(){this.refreshCanvas()}},{key:"currentTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_line_color"),e=this.currentTimeline();if(e){var n=this.$el.rect().width,r=e.currentTime,o=e.displayStartTime,i=e.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var e=this.rect(),a=(r-o)/(i-o)*(n-20);this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(a+10,0,a+10,e.height)}))}}},{key:yo("resize.window")+Un(100),value:function(){this.refresh()}},{key:yo("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:yo("moveTimeline","refreshSelection")+Zn(50),value:function(){this.refresh()}}])&&u9(n.prototype,r),o&&u9(n,o),e}(ho);function y9(t){return(y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h9(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function d9(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function v9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g9(t,e){return!e||"object"!==y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function m9(t){return(m9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function w9(t,e){return(w9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var O9=function(t){function e(){return v9(this,e),g9(this,m9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&w9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{CSSPropertyEditor:eL,CubicBezierEditor:GD}}},{key:"initState",value:function(){return{time:0,timing:"linear",selectedIndex:1}}},{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:A(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter((function(t){return t.key}))}},{key:"refresh",value:function(){var t=this.$selection.currentArtboard,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=cc(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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" data-value="1">\n                    <label>'.concat(this.$i18n("timeline.value.editor.value"),'</label>\n                </div>          \n                <div class="tab-item" data-value="2">\n                    <label>').concat(this.$i18n("timeline.value.editor.timing"),'</label> \n                </div>                            \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content selected 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:bn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1),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:wn("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:On("$offsetTime")+Xn+Hn("checkNumberOrTimecode")+Qn,value:function(t){var e=this.refs.$offsetTime.value,n=this.$selection.currentArtboard;if(n){var r=n.getSelectedTimeline();this.updateData({time:ac(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <input type=\"text\" ref='$offsetTime' />\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(tv.gps_fixed,"</button>\n      </div>\n    ")}},{key:bn("$seek"),value:function(){var t=this,e=this.$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"\n      <CSSPropertyEditor ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{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:yo("refreshPropertyValue"),value:function(){var t=this.$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:yo("refreshOffsetValue"),value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?h9(Object(n),!0).forEach((function(e){d9(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h9(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t),!1),this.refresh()}},{key:yo("changeCubicBezier"),value:function(t,e){this.updateData(d9({},t,e+""))}},{key:yo("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}])&&b9(n.prototype,r),o&&b9(n,o),e}(ho);function k9(t){return(k9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function j9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function P9(t,e){return!e||"object"!==k9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function x9(t){return(x9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $9(t,e){return($9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var E9=function(t){function e(){return j9(this,e),P9(this,x9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$9(t,e)}(e,t),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' title='").concat(this.$i18n("timeline.play.control.play"),"'>").concat(tv.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(tv.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(tv.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(tv.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(tv.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(tv.skip_next,"</button>\n                    </div>\n                </div>\n                <div class='row'>            \n                    <label title='Speed'>").concat(this.$i18n("timeline.play.control.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'>").concat(this.$i18n("timeline.play.control.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> ").concat(this.$i18n("timeline.play.control.direction"),"</label>\n                    <div class='direction-buttons' ref='$direction' data-selected-direction='").concat(this.state.direction,"'>\n                        <button type=\"button\" data-value='normal' title='").concat(this.$i18n("timeline.play.control.normal"),"'>").concat(tv.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(tv.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(tv.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(tv.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();return r&&(t=r.speed,e=r.iterationCount,n=r.direction),{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=this.$selection.currentArtboard;e&&e.setTimelineInfo(t)}},{key:bn("$playButtons button"),value:function(t){var e=t.$dt.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("firstTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"prev",value:function(){this.emit("prevTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"next",value:function(){this.emit("nextTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"last",value:function(){this.emit("lastTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"play",value:function(){this.emit("playTimelineItem",this.state.speed,this.state.iterationCount,this.state.direction)}},{key:"pause",value:function(){this.emit("pauseTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:yo("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:bn("$direction button"),value:function(t){this.updateData({direction:t.$dt.attr("data-value")}),this.refresh()}},{key:bn("$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:En("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:En("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:ir("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:ir("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:ir("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:yo("selectTimeline"),value:function(){this.refresh()}}])&&S9(n.prototype,r),o&&S9(n,o),e}(ho);function _9(t){return(_9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function C9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function T9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R9(t,e){return!e||"object"!==_9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function D9(t){return(D9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function V9(t,e){return(V9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var A9=function(t){function e(){return C9(this,e),R9(this,D9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&V9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{TimelineAnimationProperty:C0,TimelinePlayControl:E9,TimelineValueEditor:O9,KeyframeTimeView:i9,TimelineKeyframeList:I6,TimelineObjectList:x6,TimelineTopToolbar:Z6,KeyframeTimeGridView:p9}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{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:Dn("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:Dn("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:yo("refreshValueEditor")+Un(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:yo("changeKeyframeValue"),value:function(t){this.emit("setTimelineOffset",t)}},{key:Sn("$area")+Qn,value:function(t){}},{key:jn("$area")+Qn,value:function(t){this.emit("addTimelineItem",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow())}}])&&T9(n.prototype,r),o&&T9(n,o),e}(kK);function I9(t){return(I9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function M9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function B9(t,e){return!e||"object"!==I9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function z9(t){return(z9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function F9(t,e){return(F9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var G9=Object.keys(vo),H9=function(t){function e(){return L9(this,e),B9(this,z9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&F9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"template",value:function(){var t=this,e=G9.map((function(e){var n=t.$i18n("app.lang.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='language-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:yo("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}])&&M9(n.prototype,r),o&&M9(n,o),e}(ho);function Y9(t){return(Y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K9(t,e){return!e||"object"!==Y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W9(t){return(W9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U9(t,e){return(U9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z9=["dark","light"],q9=function(t){function e(){return X9(this,e),K9(this,W9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"template",value:function(){var t=this,e=Z9.map((function(e){var n=t.$i18n("app.theme.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='theme-switcher'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.theme,'" \n                        onchange="changeItem"\n                    /> \n                </div>\n            </div>\n        ')}},{key:yo("changeItem"),value:function(t,e){this.emit("switchTheme",e)}}])&&N9(n.prototype,r),o&&N9(n,o),e}(ho);function J9(t){return(J9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function t7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e7(t,e){return!e||"object"!==J9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n7(t){return(n7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r7(t,e){return(r7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var o7=function(t){function e(){return Q9(this,e),e7(this,n7(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r7(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{LanguageSelector:H9,ThemeSwitcher:q9}}},{key:"template",value:function(){return"\n            <div class='status-bar'>\n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$tool'>\n                    <ThemeSwitcher />\n                    <LanguageSelector />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:ir("$msg"),value:function(){return{text:this.state.msg}}},{key:yo("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}])&&t7(n.prototype,r),o&&t7(n,o),e}(ho);function i7(t){return(i7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function c7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function u7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function l7(t,e){return!e||"object"!==i7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f7(t,e,n){return(f7="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=p7(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 p7(t){return(p7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y7(t,e){return(y7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var h7=["INPUT","SELECT","TEXTAREA"],d7=function(t){function e(){return u7(this,e),l7(this,p7(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y7(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){f7(p7(e.prototype),"initialize",this).call(this);var t=un.body();t.attr("data-theme",this.$editor.theme),t.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{leftSize:280}}},{key:yo("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n\n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n              <ToolMenu />    \n              <PageSubEditor />      \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <CanvasView />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <ObjectList />\n          </div>\n          <div class=\"layout-right\">\n            <Inspector />\n          </div>\n\n          <div class='layout-tools'>\n            <button ref='$toggleRight'>".concat(tv.dahaze,"</button>\n          </div>\n          <div class='layout-footer'>\n            <TimelineProperty />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>                 \n        </div>\n        \n        <StatusBar />\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        <PatternInfoPopup />\n        <SVGFilterPopup />\n        <StyleView />    \n        <ExportWindow />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        <ImageFileView />\n      </div>\n    ")}},{key:ir("$headerPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:ir("$splitter"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:ir("$leftPanel"),value:function(){return{style:{width:"".concat(this.state.leftSize,"px")}}}},{key:ir("$bodyPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a7(Object(n),!0).forEach((function(e){c7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},l6,{},l3,{ObjectList:k8,Inspector:s2,ToolMenu:dK,PageSubEditor:dG,CanvasView:TG,StyleView:O3,LogoView:_8,ExternalToolMenu:I8,ImageFileView:b6,StatusBar:o7,TimelineProperty:A9,PreviewToolMenu:J3})}},{key:An("$splitter")+qn("moveSplitter")+Jn("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=rn.parse(this.refs.$splitter.css("left")).value}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)},!1),this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$bodyPanel"),this.emit("resizeEditor")}},{key:yo("changeTheme"),value:function(){un.create(document.body).attr("data-theme",this.$editor.theme)}},{key:yo("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t)}},{key:zn("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:yo("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:yo("refreshAllSelectProject"),value:function(){this.emit("refreshArtBoardList"),this.emit("refreshArtboard")}},{key:Sn("$middle")+Qn,value:function(t){}},{key:jn("$middle")+Qn,value:function(t){var e=q$.getAllDropItems(t);this.emit("fileDropItems",e)}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!1===h7.includes(e)&&"true"!==un.create(t.target).attr("contenteditable")}},{key:wn("document")+Hn("isNotFormElement"),value:function(t){this.emit("keymap.keydown",t)}},{key:On("document")+Hn("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}])&&s7(n.prototype,r),o&&s7(n,o),e}(ho);function v7(t){return(v7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function g7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?b7(Object(n),!0).forEach((function(e){m7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function m7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function w7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function O7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function k7(t,e){return!e||"object"!==v7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j7(t,e,n){return(j7="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=S7(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 S7(t){return(S7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function P7(t,e){return(P7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function x7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var E7=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?x7(Object(n),!0).forEach((function(e){$7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):x7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Vl,{},oP,{BackgroundImage:Zs,BorderImage:function(t){function e(){return w7(this,e),k7(this,S7(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&P7(t,e)}(e,t),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=we(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=ke(o,r.matches);var c=t["border-image"].replace(o,"").split(" ").map((function(t){return rn.parse(t)}));o.includes("repeating-linear-gradient")?a=Yu.parse(o):o.includes("linear-gradient")?a=Au.parse(o):o.includes("repeating-radial-gradient")?a=ys.parse(o):o.includes("radial")?a=os.parse(o):o.includes("repeating-conic-gradient")?a=Is.parse(o):o.includes("conic")?a=Es.parse(o):o.includes("url")&&(a=Ou.parse(o)),n=new e({type:a.type,image:a});var u=c.filter((function(t){return H(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 Ou({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 cu(g7({},a,{colorsteps:n}));case"linear-gradient":return new Au(g7({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Yu(g7({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new os(g7({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new ys(g7({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Es(g7({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new Is(g7({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new qc}},{key:"getDefaultObject",value:function(){return j7(S7(e.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:cu.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach((function(e){t.slice[e]=rn.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(){if(!this.json.image)return{};var t=this.json.image.toString();return{"border-image-source":"".concat(t)}}},{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(){return g7({},this.toBorderImageCSS(),{},this.toBorderImageRepeatCSS(),{},this.toBorderImageSliceCSS(),{},this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return T(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}}])&&O7(n.prototype,r),o&&O7(n,o),e}(zo),BoxShadow:Jj});function _7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function C7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_7(Object(n),!0).forEach((function(e){T7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function T7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var R7=C7({createCSSEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return af(C7({components:{CSSEditor:d7},template:"<CSSEditor ".concat(t.embed?'embed="true"':""," />")},t))},CSSEditor:d7},E7,{},{ColorStep:Bc,ConicGradient:Es,LinearGradient:Au,RadialGradient:os,RepeatingConicGradient:Is,RepeatingLinearGradient:Yu,RepeatingRadialGradient:ys,URLImageResource:Ou},{},sC,{},{AssetParser:Ni,PathGenerator:pT,PathParser:aa,PathStringManager:ha,Point:Ji,SegmentManager:QC,PolygonParser:jP},{Length:rn});function D7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function V7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function A7(){return new R7.createCSSEditor}e.default=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?D7(Object(n),!0).forEach((function(e){V7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):D7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({version:"0.9.53"},cf,{},Lh,{},R7,{startEditor:A7});window.EasylogicEditor=A7()}])}));
\ No newline at end of file
diff --git a/dist/main.css b/dist/main.css
index 44820377e..1d8fea808 100644
--- a/dist/main.css
+++ b/dist/main.css
@@ -23,4 +23,4 @@
  * SOFTWARE.
  */
 
-.colorpicker{position:relative;width:224px;z-index:1000;display:inline-block;border:1px solid rgba(0,0,0,.2);background-color:#fff;border-radius:3px;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker>.arrow{position:absolute;top:-10px;left:7px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;display:none;border-bottom:10px solid rgba(0,0,0,.2);pointer-events:none}.colorpicker>.arrow:after{position:absolute;content:"";top:1px;left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.colorpicker .colorpicker-body .arrow-button{position:relative;width:10px;height:12px;padding:0px}.colorpicker .colorpicker-body .arrow-button:before{content:"";display:inline-block;position:absolute;left:0px;right:0px;top:0px;height:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .arrow-button:after{content:"";display:inline-block;position:absolute;left:0px;right:0px;bottom:0px;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .color-tab{display:flex;flex-direction:column;height:350px;box-sizing:border-box;border:1px solid #ececec}.colorpicker .colorpicker-body .color-tab.xd{height:200px}.colorpicker .colorpicker-body .color-tab .color-tab-header{flex:none;display:flex;flex-direction:row;height:20px}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item{flex:1 1 auto;cursor:pointer;background-color:#ececec;text-align:center;height:100%;padding:4px 10px;box-sizing:border-box}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item.active{background-color:#fff;border-bottom-color:#fff}.colorpicker .colorpicker-body .color-tab .color-tab-body{flex:1 1 auto;position:relative}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content{display:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content.active{display:block}.colorpicker .colorpicker-body .color-panel{position:relative;height:120px;overflow:hidden;cursor:pointer}.colorpicker .colorpicker-body .color-panel>.saturation{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{position:absolute;width:10px;height:10px;border-radius:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker .colorpicker-body .color-panel>.saturation{background-color:rgba(204,154,129,0);background-image:linear-gradient(to right, #FFF, rgba(204, 154, 129, 0));background-repeat:repeat-x}.colorpicker .colorpicker-body .color-panel>.saturation>.value{background-image:linear-gradient(to top, #000000, rgba(204, 154, 129, 0))}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.colorpicker .colorpicker-body .control{position:relative;padding:10px 0px 10px 0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker .colorpicker-body .control>.color,.colorpicker .colorpicker-body .control>.empty{position:absolute;left:12px;top:14px;width:30px;height:30px;border-radius:50%;box-sizing:border-box}.colorpicker .colorpicker-body .control>.color{border:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .control>.hue{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.hue>.hue-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control>.opacity{position:relative;padding:3px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{position:absolute;cursor:pointer;top:50%;left:0px;transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker .colorpicker-body .control>.hue>.hue-container{background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control>.opacity>.opacity-container>.color-bar{position:absolute;display:block;content:"";left:0px;right:0px;bottom:0px;top:0px}.colorpicker .colorpicker-body .control>.empty{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{border:1px solid rgba(0,0,0,.05);box-shadow:2px 2px 2px 0px rgba(0,0,0,.2);background-color:#fefefe}.colorpicker .colorpicker-body .information{position:relative;box-sizing:border-box}.colorpicker .colorpicker-body .information>input{position:absolute;font-size:10px;height:20px;bottom:20px;padding:0 0 0 2px;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.colorpicker .colorpicker-body .information>input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information.hex>.information-item.hex{display:flex}.colorpicker .colorpicker-body .information.rgb>.information-item.rgb{display:flex}.colorpicker .colorpicker-body .information.hsl>.information-item.hsl{display:flex}.colorpicker .colorpicker-body .information>.information-item{display:none;position:relative;padding:0px 5px;padding-left:9px;box-sizing:border-box;margin-right:40px}.colorpicker .colorpicker-body .information>.information-item>.input-field{display:block;flex:1;padding:3px 1px;box-sizing:border-box;position:relative}.colorpicker .colorpicker-body .information>.information-item>.input-field>.title{text-align:center;font-size:12px;color:#a9a9a9;padding-top:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input{text-align:center;width:100%;padding:3px;height:21px;font-size:11px;color:#333;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #cbcbcb;border-radius:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-l input[type=number],.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-s input[type=number]{padding-left:1px;padding-right:10px}.colorpicker .colorpicker-body .information>.information-item>.input-field .postfix{display:inline-block;position:absolute;right:1px;top:2px;height:21px;line-height:2;padding:2px;box-sizing:border-box;text-align:center;font-size:11px}.colorpicker .colorpicker-body .information>.information-change{position:absolute;display:block;width:40px;top:0px;right:0px;bottom:0px;text-align:center;box-sizing:border-box;padding-top:5px}.colorpicker .colorpicker-body .information>.information-change>.format-change-button{box-sizing:border-box;background:transparent;border:0px;cursor:pointer;outline:none}.colorpicker .colorpicker-body .information>.title{color:#a3a3a3}.colorpicker .colorpicker-body .information>.input{color:#333}.colorpicker .colorpicker-body .colorsets{border-top:1px solid #e2e2e2}.colorpicker .colorpicker-body .colorsets>.menu{float:right;padding:10px 5px;padding-right:15px}.colorpicker .colorpicker-body .colorsets>.menu button{border:0px;font-size:14px;font-weight:300;font-family:serif,sans-serif;outline:none;cursor:pointer}.colorpicker .colorpicker-body .colorsets>.color-list{margin-right:30px;display:block;padding:10px 0px 0px 10px;box-sizing:border-box;line-height:0}.colorpicker .colorpicker-body .colorsets>.color-list .color-item{width:13px;height:13px;border-radius:2px;display:inline-block;margin-right:12px;margin-bottom:12px;position:relative;background-size:contain;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .colorsets>.color-list .color-item:hover{transform:scale(1.2)}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .empty{position:absolute;left:0px;top:0px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .color-view{position:absolute;left:0px;top:0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.colorpicker .colorpicker-body .colorsets>.color-list .add-color-item{width:13px;height:13px;display:inline-block;margin-right:12px;margin-bottom:12px;cursor:pointer;line-height:1;text-align:center;font-size:16px;font-weight:400;font-family:serif,sans-serif;color:#8e8e8e;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser{position:absolute;left:0px;right:0px;bottom:0px;top:0px;opacity:0;background-color:rgba(0,0,0,.5);transition:opacity .05s ease-out;pointer-events:none}.colorpicker .colorpicker-body .color-chooser.open{opacity:1;pointer-events:all}.colorpicker .colorpicker-body .color-chooser .color-chooser-container{position:absolute;top:120px;left:0px;right:0px;bottom:0px;background-color:#fff}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{position:absolute;top:0px;left:0px;right:0px;height:34px;display:flex;padding:3px 0px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.2)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .title{flex:2;font-weight:bold;font-size:15px;box-sizing:border-box;margin-right:30px;vertical-align:middle;margin:0px;padding:5px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .items{flex:1;text-align:right;padding-right:10px;display:block;height:100%;line-height:2;cursor:pointer}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{position:absolute;top:34px;left:0px;right:0px;bottom:0px;overflow:auto}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item{cursor:pointer;display:flex;padding:3px 0px;border-bottom:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item:hover{background-color:rgba(0,0,0,.05)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .title{flex:2;font-size:14px;box-sizing:border-box;margin-right:30px;vertical-align:middle;pointer-events:none;margin:0px;padding:5px;padding-left:14px;font-weight:normal;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items{flex:3;display:block;height:100%;line-height:1.6;cursor:pointer;pointer-events:none}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item{width:13px;height:13px;border-radius:3px;display:inline-block;margin-right:10px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;background-size:contain;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item .color-view{width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker.sketch{border-radius:5px}.colorpicker.sketch>.colorpicker-body .color-panel{margin:10px 10px 2px 10px;box-sizing:border-box;height:150px}.colorpicker.sketch>.colorpicker-body>.control{padding:0px}.colorpicker.sketch>.colorpicker-body>.control>.color,.colorpicker.sketch>.colorpicker-body>.control>.empty{position:absolute;right:10px;left:auto;top:1px;width:26px;height:26px;border-radius:2px;box-sizing:border-box}.colorpicker.sketch>.colorpicker-body>.control>.color{box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,.5)}.colorpicker.sketch>.colorpicker-body>.control>.hue{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.hue>.hue-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity>.opacity-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control .drag-bar,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2{border-radius:0px;top:50%;left:0px;width:2px;height:80%;transform:translateX(-50%) translateY(-50%);border-radius:1px;bottom:1px !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.first,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.first{left:0px;transform:translateX(50%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.last,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.last{transform:translateX(-150%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.information .information-change{display:none}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.rgb{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hex{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.rgb{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.hsl{display:inherit}.colorpicker.sketch>.colorpicker-body>.information .information-item{display:inline-flex !important;margin-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title{color:#000;font-size:11px;cursor:pointer}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title:hover{font-weight:bold}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field:last-child:not(:first-child){padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hex{width:70px;padding-right:0px;padding-left:5px}.colorpicker.sketch>.colorpicker-body>.information .information-item.rgb{width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hsl{display:none;width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.colorsets>.menu{display:none}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list{margin-right:0px;padding-right:12px}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list .color-item{width:16px;height:16px;border-radius:3px;margin-right:9px;margin-bottom:10px}.colorpicker.palette{border-radius:3px;box-shadow:none}.colorpicker.palette>.colorpicker-body .color-panel{display:none}.colorpicker.palette>.colorpicker-body>.control{display:none}.colorpicker.palette>.colorpicker-body>.information{display:none}.colorpicker.palette>.colorpicker-body>.colorsets{box-sizing:border-box;border-top:0px}.colorpicker.palette>.colorpicker-body>.colorsets>.color-list .color-item{width:15px;height:15px;margin-right:10px;margin-bottom:10px}.colorpicker.palette>.colorpicker-body>.color-chooser{display:none;box-sizing:border-box}.colorpicker.palette>.colorpicker-body>.color-chooser.open{display:block;top:-1px;left:-1px;right:-1px;bottom:auto;border-radius:3px;border:1px solid #d8d8d8;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;background-color:#fff;box-sizing:border-box;border-radius:2px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-item-header{position:relative;left:auto;top:auto;right:auto;bottom:auto;border-top-left-radius:3px;border-top-right-radius:3px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list{position:relative;top:auto;left:auto;right:auto;bottom:auto;overflow:auto}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list .colorsets-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.colorpicker.macos .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.macos .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.macos .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.macos .control{padding-top:0px}.colorpicker.macos .control>.color,.colorpicker.macos .control>.empty{top:4px}.colorpicker.macos .value{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker.macos .value>.value-container{position:relative;width:100%;height:10px;border-radius:3px;background-image:linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);box-sizing:border-box}.colorpicker.macos .value>.value-container .drag-bar{position:absolute;cursor:pointer;top:50%;left:0px;transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker.mini{width:180px;display:inline-block}.colorpicker.mini .control{padding:0px}.colorpicker.mini .control .hue,.colorpicker.mini .control .opacity{margin:0px;padding:0px}.colorpicker.mini .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .drag-bar,.colorpicker.mini .control .drag-bar2{border:0px;background-color:transparent;height:100%;width:5px;box-sizing:border-box;box-shadow:none}.colorpicker.mini .control .drag-bar.last:before,.colorpicker.mini .control .drag-bar.lastafter,.colorpicker.mini .control .drag-bar2.last:before,.colorpicker.mini .control .drag-bar2.lastafter{left:1px}.colorpicker.mini .control .drag-bar.first:before,.colorpicker.mini .control .drag-bar.first:after,.colorpicker.mini .control .drag-bar2.first:before,.colorpicker.mini .control .drag-bar2.first:after{left:3px}.colorpicker.mini .control .drag-bar:before,.colorpicker.mini .control .drag-bar2:before{content:"";position:absolute;left:2px;top:0px;width:0;height:0;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}.colorpicker.mini .control .drag-bar:after,.colorpicker.mini .control .drag-bar2:after{content:"";position:absolute;left:2px;bottom:0px;width:0;height:0;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000}.colorpicker.mini-vertical{width:180px;display:inline-block}.colorpicker.mini-vertical .color-panel{display:inline-block;width:140px;height:160px;vertical-align:middle}.colorpicker.mini-vertical .control{height:160px;padding:0px;vertical-align:middle;display:inline-block}.colorpicker.mini-vertical .control .hue,.colorpicker.mini-vertical .control .opacity{margin:0px;padding:0px;width:20px;display:inline-block;vertical-align:middle;height:100%;position:relative}.colorpicker.mini-vertical .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.mini-vertical .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%;width:20px}.colorpicker.mini-vertical .control .drag-bar,.colorpicker.mini-vertical .control .drag-bar2{border:0px;background-color:transparent;height:2px;width:100%;box-sizing:border-box;box-shadow:none;transform:none}.colorpicker.mini-vertical .control .drag-bar.last:before,.colorpicker.mini-vertical .control .drag-bar.last:after,.colorpicker.mini-vertical .control .drag-bar2.last:before,.colorpicker.mini-vertical .control .drag-bar2.last:after{top:2px}.colorpicker.mini-vertical .control .drag-bar.first:before,.colorpicker.mini-vertical .control .drag-bar.first:after,.colorpicker.mini-vertical .control .drag-bar2.first:before,.colorpicker.mini-vertical .control .drag-bar2.first:after{top:-1px}.colorpicker.mini-vertical .control .drag-bar:before,.colorpicker.mini-vertical .control .drag-bar2:before{content:"";position:absolute;left:0px;top:2px;width:0;height:0;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000}.colorpicker.mini-vertical .control .drag-bar:after,.colorpicker.mini-vertical .control .drag-bar2:after{content:"";position:absolute;top:2px;right:0px;width:0;height:0;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000}.colorpicker.ring .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.ring .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring .control{padding-top:0px}.colorpicker.ring .control .value{display:none}.colorpicker.ring .control>.color,.colorpicker.ring .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.ring-tab .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring-tab .colorpicker-body .wheel{width:224px;height:224px;margin:0 auto;position:relative;box-sizing:border-box}.colorpicker.ring-tab .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring-tab .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring-tab .colorpicker-body .color-chooser{opacity:1;pointer-events:all}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .color-item{transform:scale(1.2)}.colorpicker.ring-tab .colorpicker-body .colorsets{border-top:0px}.colorpicker.ring-tab .colorpicker-body .colorsets .menu{display:none}.colorpicker.ring-tab .colorpicker-body .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.ring-tab .control{padding-top:0px}.colorpicker.ring-tab .control .value{display:none}.colorpicker.ring-tab .control>.color,.colorpicker.ring-tab .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.xd{display:inline-block;padding-top:12px;width:245px}.colorpicker.xd .color-panel{display:inline-block;margin-left:6px;margin-bottom:12px;width:170px;height:170px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd .control{height:170px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-bottom:12px}.colorpicker.xd .control .hue,.colorpicker.xd .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd .control .drag-bar,.colorpicker.xd .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;transform:none;overflow:hidden;left:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker.xd .information{margin-top:5px}.colorpicker.xd-tab .color-panel{display:inline-block;margin-top:10px;margin-left:6px;width:170px;height:120px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd-tab .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd-tab .control{height:120px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-top:10px}.colorpicker.xd-tab .control .hue,.colorpicker.xd-tab .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd-tab .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd-tab .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd-tab .control .drag-bar,.colorpicker.xd-tab .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;transform:none;overflow:hidden;left:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker.xd-tab .color-chooser{opacity:1;pointer-events:all}.colorpicker.xd-tab .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list .color-item{transform:scale(1.2)}.colorpicker.xd-tab .colorsets{border-top:0px}.colorpicker.xd-tab .colorsets .menu{display:none}.colorpicker.xd-tab .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.xd-tab .information{margin-top:5px}.colorsets-contextmenu{position:fixed;padding-top:4px;padding-bottom:4px;border-radius:6px;background-color:#ececec;border:1px solid #ccc;display:none;list-style:none;font-size:13px;padding-left:0px;padding-right:0px}.colorsets-contextmenu.show{display:inline-block}.colorsets-contextmenu .menu-item{padding:2px 20px;cursor:default}.colorsets-contextmenu .menu-item:hover{background-color:#5ea3fb;color:#fff}.colorsets-contextmenu.small .menu-item.small-hide{display:none}html,body{font-size:13px;padding:0px;margin:0px;overflow:hidden;box-sizing:border-box;font-family:sans-serif}*,*:before,*:after{box-sizing:border-box}body.ua-window .scrollbar::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}body.ua-window .scrollbar::-webkit-scrollbar-thumb{background:#000}.csseditor{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;left:0px;top:0px}.csseditor[data-theme=dark] input[type=text],.csseditor[data-theme=dark] input[type=number],.csseditor[data-theme=dark] input[type=email],.csseditor[data-theme=dark] textarea{background-color:#2b2b2b;border:1px solid #2b2b2b;color:#ececec;outline:none}.csseditor[data-theme=dark] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#2b2b2b;border:1px solid #1f2024;border-radius:0px;color:#fff;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=dark] button{border-width:0px;color:#fff;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=dark] button svg{width:100%;height:100%}.csseditor[data-theme=dark] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#1f2024;opacity:0;pointer-events:none}.csseditor[data-theme=dark] .add-image-button{display:none}.csseditor[data-theme=dark] .icon svg,.csseditor[data-theme=dark] button svg,.csseditor[data-theme=dark] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .icon svg path,.csseditor[data-theme=dark] button svg path,.csseditor[data-theme=dark] label svg path{fill:currentColor}.csseditor[data-theme=dark] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:flex;flex-direction:column}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:flex}.csseditor[data-theme=dark] .layout-main marker path{fill:#313131}.csseditor[data-theme=dark] .layout-main .layout-top{display:block;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=dark] .layout-main .layout-middle{flex:1 1 auto;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#111;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #313131;background-color:#1f2024;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#111;padding:2px 0px}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:flex;flex-direction:column;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:flex;flex-direction:column;overflow:auto;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;transition:bottom .05s linear}.csseditor[data-theme=dark] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=dark] input[type=range]:focus{outline:none}.csseditor[data-theme=dark] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-thumb{height:10px;width:10px;border-radius:100%;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.8);margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-webkit-slider-runnable-track{background:#616161}.csseditor[data-theme=dark] input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=dark] input[type=range]::-moz-range-thumb{border:1px solid #000;height:10px;width:10px;border-radius:9px;border-radius:5px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#616161}.csseditor[data-theme=dark] input[type=range]::-ms-fill-lower{background:#fff;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=dark] input[type=range]::-ms-fill-upper{background:#fff;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=dark] input[type=range]::-ms-thumb{height:10px;width:10px;border-radius:9px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-lower{background:#fff}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-upper{background:#fff}.csseditor[data-theme=dark] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#111;color:#fff}.csseditor[data-theme=dark] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=dark] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:flex;flex-direction:column;border-right:1px solid #313131}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#fc554f;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{flex:1 1 auto;overflow:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .tab.number-tab .tab-header{cursor:pointer;background-color:#111;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=dark] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=dark] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=dark] .tab.number-tab>.tab-header.full{display:flex}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#fc554f;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{color:#fc554f}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=dark] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:flex}.csseditor[data-theme=dark] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item{flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.selected{color:#fff}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(52,53,58,.5);color:#000}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#111}.csseditor[data-theme=dark] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=dark] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected.flex{display:flex;flex-direction:column}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .fixed{flex:none}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#1f2024;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=dark] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=dark] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=dark] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .logo .site{font-size:14px;color:#313131}.csseditor[data-theme=dark] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=dark] .tool-menu,.csseditor[data-theme=dark] .preview-tool-menu{color:#fff}.csseditor[data-theme=dark] .tool-menu.center,.csseditor[data-theme=dark] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=dark] .tool-menu .items,.csseditor[data-theme=dark] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .empty,.csseditor[data-theme=dark] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=dark] .tool-menu .items .draw-items>*,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=dark] .tool-menu .items .draw-items .divider,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #616161;height:20px;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#fff;padding:5px;text-align:center}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#fff;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=dark] .tool-menu .items.flex-2,.csseditor[data-theme=dark] .preview-tool-menu .items.flex-2{flex:5}.csseditor[data-theme=dark] .tool-menu .items.left,.csseditor[data-theme=dark] .preview-tool-menu .items.left{flex:none;width:300px;text-align:left}.csseditor[data-theme=dark] .tool-menu .items form,.csseditor[data-theme=dark] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items button,.csseditor[data-theme=dark] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=dark] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=dark] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .tool-menu .items .title,.csseditor[data-theme=dark] .preview-tool-menu .items .title{font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tool-menu .items .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#fff}.csseditor[data-theme=dark] .tool-menu .items .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .tool-menu .items .icon.export,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .tool-menu .items .icon.github,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=dark] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=dark] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#919191}.csseditor[data-theme=dark] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=dark] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=dark] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=dark] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #313131;color:#fff;background-color:#1f2024}.csseditor[data-theme=dark] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=dark] .page-tools button{border-radius:3px}.csseditor[data-theme=dark] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(252,85,79,.5)}.csseditor[data-theme=dark] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=dark] .path-manager .text{display:inline-block}.csseditor[data-theme=dark] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flipY]{transform:rotate(90deg)}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flip]{transform:rotate(45deg)}.csseditor[data-theme=dark] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=dark] .path-manager .tools button svg path{stroke-width:1;stroke:#1f2024}.csseditor[data-theme=dark] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .path-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:5px 5px}.csseditor[data-theme=dark] .draw-manager .text{display:inline-block}.csseditor[data-theme=dark] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=dark] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(252,85,79,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=dark] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;transform:translate(-50%, -50%);background-color:#fc554f;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction:hover{border-color:#e10c04}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #fc554f;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;transform-style:preserve-3d;pointer-events:none;perspective:1000px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #fff;border-radius:0px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-x{transform:rotateX(90deg) translateZ(0px);border:5px solid #6868f7}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-y{transform:rotateY(90deg) translateZ(0px);border:5px solid #70c570}.csseditor[data-theme=dark] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=dark] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .canvas-view{position:absolute;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=dark] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=dark] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=dark] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=dark] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#dedede;display:inline-block}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=dark] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .selection-view.empty>*{display:none}.csseditor[data-theme=dark] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="1"]{background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="2"]{background-color:rgba(49,49,49,.6)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="3"]{background-color:rgba(49,49,49,.8)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="4"]{background-color:rgba(49,49,49,.9)}.csseditor[data-theme=dark] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=dark] .selection-tool.editing-path,.csseditor[data-theme=dark] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=dark] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #313131;opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item{position:absolute;transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#fc554f;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#313131;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;transform:translate(0%, -100%);cursor:move;background-color:#fc554f;border:1px solid #e10c04;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translate(0.5px, 0.5px)}.csseditor[data-theme=dark] .guide-line-view line{stroke-width:1}.csseditor[data-theme=dark] .guide-line-view line.base-line{stroke:#fc554f}.csseditor[data-theme=dark] .guide-line-view line.base-rect{stroke:#435cb5}.csseditor[data-theme=dark] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=dark] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=dark] .property{padding:10px 10px;border-top:1px solid #4a4a4a;background-color:#111;color:#fff;display:none}.csseditor[data-theme=dark] .property:first-child{border-top:0px}.csseditor[data-theme=dark] .property .group{position:relative}.csseditor[data-theme=dark] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);cursor:pointer;transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=dark] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #fc554f;background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .property.full{height:100%;display:flex;flex-direction:column}.csseditor[data-theme=dark] .property.full.show{height:100%}.csseditor[data-theme=dark] .property.full .property-title{flex:none;height:30px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools>*{flex:1 1 auto}.csseditor[data-theme=dark] .property.full .property-body{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .property.show>.property-title>label .icon{transform:rotate(90deg);display:inline-block}.csseditor[data-theme=dark] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=dark] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #4a4a4a;background-color:#111;color:#fff}.csseditor[data-theme=dark] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=dark] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=dark] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=dark] .property>.property-title label .icon{display:inline-block;transition:all linear .1s}.csseditor[data-theme=dark] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=dark] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=dark] .property>.property-title>.tools>*{flex:none}.csseditor[data-theme=dark] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=dark] .property>.property-body{display:none;padding:0px;background-color:#111}.csseditor[data-theme=dark] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=dark] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #313131}.csseditor[data-theme=dark] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=dark] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=dark] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=dark] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=dark] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #313131}.csseditor[data-theme=dark] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=dark] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=dark] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=dark] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#313131}.csseditor[data-theme=dark] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=dark] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=dark] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=dark] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=dark] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=dark] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-image-item .tools{line-height:2}.csseditor[data-theme=dark] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=dark] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=dark] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=dark] .content-item textarea{width:100%;height:100px;border:1px solid #313131;border-radius:3px}.csseditor[data-theme=dark] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=dark] .transition-list .transition-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=dark] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#313131}.csseditor[data-theme=dark] .transition-list .transition-item .labels label small{color:#fff}.csseditor[data-theme=dark] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=dark] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=dark] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=dark] .animation-list .animation-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=dark] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label{background-color:#313131;padding:1px 2px;border-radius:2px;color:#313131;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=dark] .animation-list .animation-item .labels label small{color:#fff;text-transform:lowercase}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#fff}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item{border:1px solid #313131;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=dark] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#e6e6e6;padding-left:10px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=dark] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=dark] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=dark] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #313131;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=dark] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#fc554f;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=dark] .code-view-item>div pre strong{color:#fc554f}.csseditor[data-theme=dark] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .clip-path-list .clippath-item.selected,.csseditor[data-theme=dark] .clip-path-list .clippath-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=dark] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .selector-list .selector-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .project-list{margin:0px !important}.csseditor[data-theme=dark] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=dark] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=dark] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .project-list .project-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .artboard-list .artboard-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .artboard-list .artboard-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .layer-list .layer-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=dark] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg polygon{stroke:#999}.csseditor[data-theme=dark] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=dark] .layer-list+.drag-point{position:absolute;border:1px solid #fc554f;pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=dark] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #fc6d68;color:#fff;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #313131;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=dark] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=dark] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#fc554f !important}.csseditor[data-theme=dark] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=dark] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=dark] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item{color:#999;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=dark] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=dark] .project-info input,.csseditor[data-theme=dark] .project-info textarea{width:100%}.csseditor[data-theme=dark] .project-info .input input{height:24px}.csseditor[data-theme=dark] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=dark] .artboard-size-list .artboard-size-item{border-top:1px solid #313131}.csseditor[data-theme=dark] .artboard-size-list .category{height:26px;border-bottom:1px solid #313131;line-height:2}.csseditor[data-theme=dark] .artboard-size-list .category .title{color:#fff;pointer-events:none;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .group-item{background-color:#313131;height:24px;border-bottom:1px solid #313131;line-height:1.8}.csseditor[data-theme=dark] .artboard-size-list .group-item .title{color:#fff;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #313131;line-height:2.3}.csseditor[data-theme=dark] .artboard-size-list .device-item .title{color:#fff;pointer-events:none;padding-left:20px}.csseditor[data-theme=dark] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=dark] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=dark] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=dark] .export-item label{vertical-align:middle}.csseditor[data-theme=dark] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=dark] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .library-items{padding:10px}.csseditor[data-theme=dark] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=dark] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=dark] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .library-items .group.path .list .path-item:hover{background-color:#435cb5}.csseditor[data-theme=dark] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .component-items{padding:10px 10px}.csseditor[data-theme=dark] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=dark] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=dark] .component-items .group .list .menu-item:hover{background-color:#fd8581;color:#fff}.csseditor[data-theme=dark] .component-items .group .list .menu-item.selected{color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=dark] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=dark] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=dark] .shortcut-items{padding:10px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item{border:1px solid #fc554f;margin-bottom:10px;border-radius:4px;background-color:#313131;padding:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=dark] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#616161}.csseditor[data-theme=dark] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .video-property .volume-control span[data-value]{display:none;color:#fff;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=dark] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #313131;background-color:#1f2024}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#fc554f;border:1px solid #fc554f}.csseditor[data-theme=dark] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=dark] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(252,85,79,.1)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#fff}.csseditor[data-theme=dark] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=dark] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=dark] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#2b2b2b}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=dark] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=dark] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=dark] .color-single-editor .preview{height:100%}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #313131}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .range-editor.has-label.block label{display:block;color:#fff}.csseditor[data-theme=dark] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=dark] .range-editor .remove{display:none}.csseditor[data-theme=dark] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=dark] .range-editor .range-editor-type .area.focused{border:1px solid #fc554f;border-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #2b2b2b;border-left:1px solid #2b2b2b;border-top:1px solid #2b2b2b;text-align:left;background-color:#2b2b2b;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#2b2b2b;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .number-range-editor .remove{display:none}.csseditor[data-theme=dark] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=dark] .input-range-editor.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=dark] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .input-range-editor .type-button,.csseditor[data-theme=dark] .input-range-editor .remove{display:none}.csseditor[data-theme=dark] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#2b2b2b;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=dark] .text-editor input[type=text]{border:1px solid #313131}.csseditor[data-theme=dark] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=dark] .select-editor select{font-size:11px}.csseditor[data-theme=dark] .select-editor select:focus-within{border:1px solid #fc554f}.csseditor[data-theme=dark] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=dark] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=dark] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=dark] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=dark] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=dark] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#fc554f;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=dark] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=dark] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .background-image-editor .label.hide{display:none}.csseditor[data-theme=dark] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .pattern{background-color:#313131;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #fc554f;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .label.hide{display:none}.csseditor[data-theme=dark] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#fff;border-radius:3px;margin:3px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#fff;vertical-align:middle;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .filter-editor .label.hide{display:none}.csseditor[data-theme=dark] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#b3b3b3}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{color:#1f2024}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#fc554f}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .text-shadow-editor .label{height:20px}.csseditor[data-theme=dark] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=dark] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=dark] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .var-editor .label.hide{display:none}.csseditor[data-theme=dark] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=dark] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=dark] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .gradient-editor{position:relative}.csseditor[data-theme=dark] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=dark] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .gradient-editor .hue-container,.csseditor[data-theme=dark] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=dark] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#fc554f}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=dark] .svg-filter-editor{color:#fff;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#fc554f;font-size:11px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=dark] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #fc554f;position:relative;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#fc554f;stroke-width:1;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#fc554f;r:4;stroke:rgba(252,85,79,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#fc554f;stroke:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#1f2024;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#fff;height:12px;width:12px;border-radius:100%;background-color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;transform:translateY(-50%);display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;transform:translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #fc554f}.csseditor[data-theme=dark] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=dark] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#fc554f;border-radius:3px;margin:5px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=dark] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=dark] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=dark] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected{background-color:#fc554f}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg rect{fill:#fff}.csseditor[data-theme=dark] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=dark] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=dark] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=dark] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=dark] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=dark] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:#2b2b2b;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:flex}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item{flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.selected{background-color:#555;color:#fff}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=dark] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=dark] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=dark] .path-data-editor .segment .command{color:#fc554f;cursor:pointer}.csseditor[data-theme=dark] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=dark] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=dark] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=dark] .polygon-data-editor .segment .values label{color:#fc554f}.csseditor[data-theme=dark] .polygon-data-editor .segment .values input{color:#fff;width:80px}.csseditor[data-theme=dark] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=dark] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .background-position-editor .preview{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=dark] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=dark] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=dark] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=dark] .fill-single-editor .colors .color{border:1px solid #fff;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=dark] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=dark] .fill-editor{position:relative}.csseditor[data-theme=dark] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=dark] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .fill-editor .hue-container,.csseditor[data-theme=dark] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=dark] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=dark] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .func-filter-editor.focused{box-shadow:0 0 0 1px #fc554f;border-radius:3px}.csseditor[data-theme=dark] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=dark] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=dark] .color-matrix-editor .title{padding:5px 0px;color:#fc554f}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(49,49,49,.5)}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#fc554f}.csseditor[data-theme=dark] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=dark] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .pattern-editor .label.hide{display:none}.csseditor[data-theme=dark] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#fc554f}.csseditor[data-theme=dark] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=dark] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=dark] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=dark] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;transform:translateY(-50%)}.csseditor[data-theme=dark] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;transform:translateY(-50%);background-color:#fc554f}.csseditor[data-theme=dark] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#fc554f;cursor:pointer;transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=dark] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=dark] .popup{position:absolute;display:none;z-index:1000;background-color:#1f1f1f;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#fff}.csseditor[data-theme=dark] .popup.compact{padding:0px}.csseditor[data-theme=dark] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=dark] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=dark] .popup .popup-title>*{flex:1 1 auto}.csseditor[data-theme=dark] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=dark] .popup .popup-title label{cursor:move}.csseditor[data-theme=dark] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=dark] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=dark] .popup.background-property-popup{width:224px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=dark] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#313131;font-weight:bold}.csseditor[data-theme=dark] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #313131;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=space]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=round]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#313131;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f;border-color:#1f1f1f}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #313131;margin-bottom:2px;height:204px;position:relative;background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=dark] .popup .animation-property-popup{width:220px}.csseditor[data-theme=dark] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup{width:220px}.csseditor[data-theme=dark] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #313131;height:202px;position:relative;margin-bottom:10px;background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .keyframe-popup{width:250px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box input,.csseditor[data-theme=dark] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=dark] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=dark] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#fc554f;z-index:0}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #313131}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box label input,.csseditor[data-theme=dark] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box input,.csseditor[data-theme=dark] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #313131 !important}.csseditor[data-theme=dark] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item:hover{transform:scale(1.2)}.csseditor[data-theme=dark] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=dark] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=dark] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, #fc554f, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, #fc554f, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:linear-gradient(to top right, #fc554f, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#fc554f;box-shadow:0 0 2px 2px #fc554f}.csseditor[data-theme=dark] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000;background-color:#1f2024;border:1px solid #313131;box-shadow:0 0 1px 0px #313131;padding:14px;color:#fff}.csseditor[data-theme=dark] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=dark] .window-background .window .window-title>*{flex:1 1 auto}.csseditor[data-theme=dark] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=dark] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=dark] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=dark] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=dark] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=dark] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=dark] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=dark] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=dark] .path-editor-view .path-container.modify,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=dark] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.box svg path.object{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;transform:none;box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=dark] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg line[data-distance=true]{stroke:#fc554f;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=dark] .path-editor-view svg circle.curve{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-first=true]{stroke:#fc554f;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-second=true]{stroke:#4b0401;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-selected=true]{fill:#fc554f;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=dark] .path-editor-view svg circle.split-circle{fill:#fc554f;stroke:#fff;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#3a89f0;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=dark] .path-editor-view svg path.guide{fill:transparent;stroke:#4879ff;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.segment{fill:transparent;stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#fc554f}.csseditor[data-theme=dark] .path-editor-view svg path.snap-path{fill:transparent;stroke:#fc554f;stroke-width:.5}.csseditor[data-theme=dark] .path-editor-view svg text{fill:#fc554f;stroke:#fc554f;stroke-width:.5;pointer-events:none}.csseditor[data-theme=dark] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=dark] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=dark] .animation-selector .timeline-object.selected{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#111;font-size:12px;border-left:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#fc554f}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .title{color:#fff}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=dark] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#1f2024;font-size:12px;border-right:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=dark] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=dark] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=dark] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #313131;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:flex}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #313131;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;transform:translateX(-100%);height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#ee4b66;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=dark] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{transform:rotate(0deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#fff;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:rgba(67,92,181,.4);color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);vertical-align:middle;cursor:pointer;transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(252,85,79,.5);background-color:#fc554f}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #313131;position:relative}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;transform:translateY(-50%);height:10px;background-color:rgba(49,49,49,.5);display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#fc554f;transform:translateY(-52%)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=dark] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=dark] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#fff}.csseditor[data-theme=dark] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=dark] .timeline-play-control .row{display:flex}.csseditor[data-theme=dark] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=dark] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=dark] .timeline-play-control button.play{color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons{display:flex;padding-top:2px}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=dark] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=dark] .status-bar{flex:none;height:30px;overflow:hidden;position:relative;background-color:#fc554f;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=dark] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=dark] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=dark] .status-bar .tool-view>div{display:inline-block;background-color:#760e34;border-radius:3px;min-width:50px}.csseditor[data-theme=dark] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #313131}.csseditor[data-theme=dark] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=dark] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=dark] .feature-control.object-list{position:relative;border-right:1px solid #313131;box-sizing:border-box;height:100%}.csseditor[data-theme=dark] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=dark] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=dark] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets .property{height:auto}.csseditor[data-theme=light] input[type=text],.csseditor[data-theme=light] input[type=number],.csseditor[data-theme=light] input[type=email],.csseditor[data-theme=light] textarea{background-color:#fff;border:1px solid #e2e2e2;color:#000;outline:none}.csseditor[data-theme=light] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#fff;border:1px solid #e2e2e2;border-radius:0px;color:#616161;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=light] button{border-width:0px;color:#616161;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=light] button svg{width:100%;height:100%}.csseditor[data-theme=light] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#fff;opacity:0;pointer-events:none}.csseditor[data-theme=light] .add-image-button{display:none}.csseditor[data-theme=light] .icon svg,.csseditor[data-theme=light] button svg,.csseditor[data-theme=light] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .icon svg path,.csseditor[data-theme=light] button svg path,.csseditor[data-theme=light] label svg path{fill:currentColor}.csseditor[data-theme=light] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:flex;flex-direction:column}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:flex}.csseditor[data-theme=light] .layout-main marker path{fill:#e2e2e2}.csseditor[data-theme=light] .layout-main .layout-top{display:block;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=light] .layout-main .layout-middle{flex:1 1 auto;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=light] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#fff;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #e2e2e2;background-color:#fff;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#fff;padding:2px 0px}.csseditor[data-theme=light] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:flex;flex-direction:column;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:flex;flex-direction:column;overflow:auto;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;transition:bottom .05s linear}.csseditor[data-theme=light] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=light] input[type=range]:focus{outline:none}.csseditor[data-theme=light] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-thumb{height:8px;width:8px;border-radius:100%;background:#609de2;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid #609de2;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-webkit-slider-runnable-track{background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=light] input[type=range]::-moz-range-thumb{border:1px solid #000;height:8px;width:8px;border-radius:9px;border-radius:10px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]::-ms-track{width:100%;height:1px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-ms-fill-lower{background:#609de2;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=light] input[type=range]::-ms-fill-upper{background:#609de2;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=light] input[type=range]::-ms-thumb{height:8px;width:8px;border-radius:9px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-lower{background:#609de2}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-upper{background:#609de2}.csseditor[data-theme=light] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#fff;color:#616161}.csseditor[data-theme=light] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=light] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:flex;flex-direction:column;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#4778d4;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{flex:1 1 auto;overflow:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#151515}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .tab.number-tab .tab-header{cursor:pointer;background-color:#eee;overflow:hidden;color:#616161}.csseditor[data-theme=light] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=light] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=light] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=light] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=light] .tab.number-tab>.tab-header.full{display:flex}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#4778d4;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{color:#4778d4}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=light] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:flex}.csseditor[data-theme=light] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=light] .tab>.tab-header>.tab-item{flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.selected{color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(255,255,255,.5);color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#fff}.csseditor[data-theme=light] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=light] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=light] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected.flex{display:flex;flex-direction:column}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .fixed{flex:none}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#fff;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=light] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=light] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=light] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=light] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=light] .logo .site{font-size:14px;color:#e2e2e2}.csseditor[data-theme=light] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=light] .tool-menu,.csseditor[data-theme=light] .preview-tool-menu{color:#fff}.csseditor[data-theme=light] .tool-menu.center,.csseditor[data-theme=light] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=light] .tool-menu .items,.csseditor[data-theme=light] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=light] .tool-menu .items .empty,.csseditor[data-theme=light] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=light] .tool-menu .items .draw-items>*,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=light] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=light] .tool-menu .items .draw-items .divider,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #cfcfcf;height:20px;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .draw-items>label,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#616161;padding:5px;text-align:center}.csseditor[data-theme=light] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#616161;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=light] .tool-menu .items.flex-2,.csseditor[data-theme=light] .preview-tool-menu .items.flex-2{flex:5}.csseditor[data-theme=light] .tool-menu .items.left,.csseditor[data-theme=light] .preview-tool-menu .items.left{flex:none;width:300px;text-align:left}.csseditor[data-theme=light] .tool-menu .items form,.csseditor[data-theme=light] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items button,.csseditor[data-theme=light] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=light] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=light] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=light] .tool-menu .items .title,.csseditor[data-theme=light] .preview-tool-menu .items .title{font-size:10px;color:#151515}.csseditor[data-theme=light] .tool-menu .items .icon,.csseditor[data-theme=light] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#616161}.csseditor[data-theme=light] .tool-menu .items .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .tool-menu .items .icon.export,.csseditor[data-theme=light] .tool-menu .items .icon.codepen,.csseditor[data-theme=light] .tool-menu .items .icon.github,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .icon.export:before,.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=light] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=light] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:rgba(17,17,17,.1)}.csseditor[data-theme=light] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=light] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=light] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=light] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #e2e2e2;color:#616161;background-color:#fff}.csseditor[data-theme=light] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=light] .page-tools button{border-radius:3px}.csseditor[data-theme=light] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(71,120,212,.5)}.csseditor[data-theme=light] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=light] .path-manager .text{display:inline-block}.csseditor[data-theme=light] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=light] .path-manager .tools button[data-value=flipY]{transform:rotate(90deg)}.csseditor[data-theme=light] .path-manager .tools button[data-value=flip]{transform:rotate(45deg)}.csseditor[data-theme=light] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=light] .path-manager .tools button svg path{stroke-width:1;stroke:#fff}.csseditor[data-theme=light] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .path-manager>*{vertical-align:middle}.csseditor[data-theme=light] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:5px 5px}.csseditor[data-theme=light] .draw-manager .text{display:inline-block}.csseditor[data-theme=light] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=light] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=light] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=light] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(71,120,212,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=light] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;transform:translate(-50%, -50%);background-color:#4778d4;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction:hover{border-color:#224993}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #4778d4;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;transform-style:preserve-3d;pointer-events:none;perspective:1000px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #616161;border-radius:0px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-x{transform:rotateX(90deg) translateZ(0px);border:5px solid #643ac7}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-y{transform:rotateY(90deg) translateZ(0px);border:5px solid #8bdf8b}.csseditor[data-theme=light] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=light] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .canvas-view{position:absolute;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=light] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=light] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=light] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=light] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#000;display:inline-block}.csseditor[data-theme=light] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=light] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .selection-view.empty>*{display:none}.csseditor[data-theme=light] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=light] .selection-pointer .marker[data-index="1"]{background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="2"]{background-color:rgba(226,226,226,.6)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="3"]{background-color:rgba(226,226,226,.8)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="4"]{background-color:rgba(226,226,226,.9)}.csseditor[data-theme=light] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=light] .selection-tool.editing-path,.csseditor[data-theme=light] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=light] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #e2e2e2;opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item{position:absolute;transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#4778d4;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#e2e2e2;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;transform:translate(0%, -100%);cursor:move;background-color:#4778d4;border:1px solid #224993;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translate(0.5px, 0.5px)}.csseditor[data-theme=light] .guide-line-view line{stroke-width:1}.csseditor[data-theme=light] .guide-line-view line.base-line{stroke:#4778d4}.csseditor[data-theme=light] .guide-line-view line.base-rect{stroke:#36457a}.csseditor[data-theme=light] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=light] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=light] .property{padding:10px 10px;border-top:1px solid #e2e2e2;background-color:#fff;color:#616161;display:none}.csseditor[data-theme=light] .property:first-child{border-top:0px}.csseditor[data-theme=light] .property .group{position:relative}.csseditor[data-theme=light] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);cursor:pointer;transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=light] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #4778d4;background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .property.full{height:100%;display:flex;flex-direction:column}.csseditor[data-theme=light] .property.full.show{height:100%}.csseditor[data-theme=light] .property.full .property-title{flex:none;height:30px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=light] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools>*{flex:1 1 auto}.csseditor[data-theme=light] .property.full .property-body{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .property.show>.property-title>label .icon{transform:rotate(90deg);display:inline-block}.csseditor[data-theme=light] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=light] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #e2e2e2;background-color:#fff;color:#616161}.csseditor[data-theme=light] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=light] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=light] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=light] .property>.property-title label .icon{display:inline-block;transition:all linear .1s}.csseditor[data-theme=light] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=light] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=light] .property>.property-title>.tools>*{flex:none}.csseditor[data-theme=light] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=light] .property>.property-body{display:none;padding:0px;background-color:#fff}.csseditor[data-theme=light] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=light] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #e2e2e2}.csseditor[data-theme=light] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=light] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=light] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=light] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=light] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=light] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=light] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #e2e2e2}.csseditor[data-theme=light] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=light] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=light] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=light] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#e2e2e2}.csseditor[data-theme=light] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=light] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=light] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=light] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=light] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=light] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=light] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-image-item .tools{line-height:2}.csseditor[data-theme=light] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=light] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=light] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=light] .content-item textarea{width:100%;height:100px;border:1px solid #e2e2e2;border-radius:3px}.csseditor[data-theme=light] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=light] .transition-list .transition-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=light] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#e2e2e2}.csseditor[data-theme=light] .transition-list .transition-item .labels label small{color:#616161}.csseditor[data-theme=light] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=light] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=light] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=light] .animation-list .animation-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=light] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .animation-list .animation-item .labels label{background-color:#e2e2e2;padding:1px 2px;border-radius:2px;color:#e2e2e2;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=light] .animation-list .animation-item .labels label small{color:#616161;text-transform:lowercase}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#616161}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item{border:1px solid #e2e2e2;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=light] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=light] .keyframe-list .keyframe-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=light] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#484848;padding-left:10px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=light] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=light] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=light] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #e2e2e2;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=light] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#4778d4;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=light] .code-view-item>div pre strong{color:#4778d4}.csseditor[data-theme=light] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .clip-path-list .clippath-item.selected,.csseditor[data-theme=light] .clip-path-list .clippath-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=light] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=light] .selector-list .selector-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=light] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .project-list{margin:0px !important}.csseditor[data-theme=light] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=light] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=light] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=light] .project-list .project-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .artboard-list .artboard-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=light] .artboard-list .artboard-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .layer-list .layer-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=light] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg polygon{stroke:#000}.csseditor[data-theme=light] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=light] .layer-list+.drag-point{position:absolute;border:1px solid #4778d4;pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=light] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #5c87d9;color:#616161;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=light] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #e2e2e2;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=light] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=light] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#4778d4 !important}.csseditor[data-theme=light] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=light] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=light] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item{color:#000;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=light] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=light] .project-info input,.csseditor[data-theme=light] .project-info textarea{width:100%}.csseditor[data-theme=light] .project-info .input input{height:24px}.csseditor[data-theme=light] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=light] .artboard-size-list .artboard-size-item{border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .artboard-size-list .category{height:26px;border-bottom:1px solid #e2e2e2;line-height:2}.csseditor[data-theme=light] .artboard-size-list .category .title{color:#616161;pointer-events:none;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .group-item{background-color:#e2e2e2;height:24px;border-bottom:1px solid #e2e2e2;line-height:1.8}.csseditor[data-theme=light] .artboard-size-list .group-item .title{color:#616161;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #e2e2e2;line-height:2.3}.csseditor[data-theme=light] .artboard-size-list .device-item .title{color:#616161;pointer-events:none;padding-left:20px}.csseditor[data-theme=light] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=light] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=light] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=light] .export-item label{vertical-align:middle}.csseditor[data-theme=light] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=light] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .library-items{padding:10px}.csseditor[data-theme=light] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=light] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=light] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .library-items .group.path .list .path-item:hover{background-color:#609de2}.csseditor[data-theme=light] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=light] .shape-inside-list .shapeinside-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .component-items{padding:10px 10px}.csseditor[data-theme=light] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#4778d4}.csseditor[data-theme=light] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=light] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=light] .component-items .group .list .menu-item:hover{background-color:#7096de;color:#fff}.csseditor[data-theme=light] .component-items .group .list .menu-item.selected{color:#4778d4}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=light] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(97,97,97,.1);color:#616161}.csseditor[data-theme=light] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=light] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=light] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=light] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=light] .shortcut-items{padding:10px}.csseditor[data-theme=light] .shortcut-items .shortcut-item{border:1px solid #4778d4;margin-bottom:10px;border-radius:4px;background-color:#e2e2e2;padding:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=light] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#cfcfcf}.csseditor[data-theme=light] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .video-property .volume-control span[data-value]{display:none;color:#616161;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=light] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=light] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #e2e2e2;background-color:#fff}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#4778d4;border:1px solid #4778d4}.csseditor[data-theme=light] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=light] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=light] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(71,120,212,.1)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=light] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#616161}.csseditor[data-theme=light] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=light] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=light] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#d8d8d8}.csseditor[data-theme=light] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=light] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=light] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=light] .color-single-editor .preview{height:100%}.csseditor[data-theme=light] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .range-editor.has-label.block{display:block}.csseditor[data-theme=light] .range-editor.has-label.block label{display:block;color:#616161}.csseditor[data-theme=light] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=light] .range-editor .remove{display:none}.csseditor[data-theme=light] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=light] .range-editor .range-editor-type .area.focused{border:1px solid #4778d4;border-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .range-editor .range-editor-type .area input,.csseditor[data-theme=light] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;text-align:left;background-color:#fff;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#fff;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .number-range-editor .remove{display:none}.csseditor[data-theme=light] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=light] .input-range-editor.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=light] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .input-range-editor .type-button,.csseditor[data-theme=light] .input-range-editor .remove{display:none}.csseditor[data-theme=light] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=light] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=light] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=light] .text-editor input[type=text]{border:1px solid #e2e2e2}.csseditor[data-theme=light] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=light] .select-editor select{font-size:11px}.csseditor[data-theme=light] .select-editor select:focus-within{border:1px solid #4778d4}.csseditor[data-theme=light] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=light] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=light] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=light] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=light] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=light] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=light] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=light] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=light] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#4778d4;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=light] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=light] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .background-image-editor .label.hide{display:none}.csseditor[data-theme=light] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .pattern{background-color:#e2e2e2;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #4778d4;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .label.hide{display:none}.csseditor[data-theme=light] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#616161;border-radius:3px;margin:3px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#616161;vertical-align:middle;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=light] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .filter-editor .label.hide{display:none}.csseditor[data-theme=light] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#151515}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{color:#fff}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#4778d4}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .text-shadow-editor .label{height:20px}.csseditor[data-theme=light] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=light] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=light] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .var-editor .label.hide{display:none}.csseditor[data-theme=light] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=light] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=light] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .gradient-editor{position:relative}.csseditor[data-theme=light] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=light] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .gradient-editor .hue-container,.csseditor[data-theme=light] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=light] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#4778d4}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=light] .svg-filter-editor{color:#616161;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#4778d4;font-size:11px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=light] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #4778d4;position:relative;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#4778d4;stroke-width:1;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#4778d4;r:4;stroke:rgba(71,120,212,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#4778d4;stroke:rgba(71,120,212,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#fff;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#616161;height:12px;width:12px;border-radius:100%;background-color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;transform:translateY(-50%);display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;transform:translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #4778d4}.csseditor[data-theme=light] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=light] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#4778d4;border-radius:3px;margin:5px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=light] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=light] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=light] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=light] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected{background-color:#4778d4}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=light] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=light] .list-view-editor .list-view-item svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item svg rect{fill:#616161}.csseditor[data-theme=light] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=light] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=light] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=light] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=light] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=light] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:silver;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:flex}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item{flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=light] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=light] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=light] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=light] .path-data-editor .segment .command{color:#4778d4;cursor:pointer}.csseditor[data-theme=light] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=light] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=light] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=light] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=light] .polygon-data-editor .segment .values label{color:#4778d4}.csseditor[data-theme=light] .polygon-data-editor .segment .values input{color:#616161;width:80px}.csseditor[data-theme=light] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=light] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .background-position-editor .preview{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=light] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=light] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=light] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=light] .fill-single-editor .colors .color{border:1px solid #616161;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=light] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=light] .fill-editor{position:relative}.csseditor[data-theme=light] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=light] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .fill-editor .hue-container,.csseditor[data-theme=light] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=light] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=light] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .func-filter-editor.focused{box-shadow:0 0 0 1px #4778d4;border-radius:3px}.csseditor[data-theme=light] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=light] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=light] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=light] .color-matrix-editor .title{padding:5px 0px;color:#4778d4}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(226,226,226,.5)}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#4778d4}.csseditor[data-theme=light] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=light] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .pattern-editor .label.hide{display:none}.csseditor[data-theme=light] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#4778d4}.csseditor[data-theme=light] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=light] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=light] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=light] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;transform:translateY(-50%)}.csseditor[data-theme=light] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;transform:translateY(-50%);background-color:#4778d4}.csseditor[data-theme=light] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#4778d4;cursor:pointer;transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=light] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=light] .popup{position:absolute;display:none;z-index:1000;background-color:#f6f6f6;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#616161}.csseditor[data-theme=light] .popup.compact{padding:0px}.csseditor[data-theme=light] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=light] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=light] .popup .popup-title>*{flex:1 1 auto}.csseditor[data-theme=light] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=light] .popup .popup-title label{cursor:move}.csseditor[data-theme=light] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=light] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=light] .popup.background-property-popup{width:224px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=light] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#e2e2e2;font-weight:bold}.csseditor[data-theme=light] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e2e2;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=space]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=round]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#e2e2e2;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=light] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=light] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=light] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6;border-color:#f6f6f6}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;margin-bottom:2px;height:204px;position:relative;background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=light] .popup .animation-property-popup{width:220px}.csseditor[data-theme=light] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup{width:220px}.csseditor[data-theme=light] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;height:202px;position:relative;margin-bottom:10px;background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .keyframe-popup{width:250px}.csseditor[data-theme=light] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#616161;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box input,.csseditor[data-theme=light] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=light] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=light] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#4778d4;z-index:0}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #e2e2e2}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box label input,.csseditor[data-theme=light] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box input,.csseditor[data-theme=light] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item:hover{transform:scale(1.2)}.csseditor[data-theme=light] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=light] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=light] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(97,97,97,.5)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=light] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, #4778d4, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, #4778d4, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:linear-gradient(to top right, #4778d4, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#4778d4;box-shadow:0 0 2px 2px #4778d4}.csseditor[data-theme=light] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:#fff}.csseditor[data-theme=light] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000;background-color:#fff;border:1px solid #e2e2e2;box-shadow:0 0 1px 0px #e2e2e2;padding:14px;color:#616161}.csseditor[data-theme=light] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=light] .window-background .window .window-title>*{flex:1 1 auto}.csseditor[data-theme=light] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=light] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=light] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=light] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=light] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=light] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=light] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=light] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=light] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=light] .path-editor-view .path-container.modify,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=light] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.box svg path.object{stroke:#e2e2e2}.csseditor[data-theme=light] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;transform:none;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=light] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg line[data-distance=true]{stroke:#4778d4;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=light] .path-editor-view svg circle.curve{stroke:#b7b7b7}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-first=true]{stroke:#4778d4;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-second=true]{stroke:#050b17;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-selected=true]{fill:#4778d4;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=light] .path-editor-view svg circle.split-circle{fill:#4778d4;stroke:#fff;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#609de2;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=light] .path-editor-view svg path.guide{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.segment{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#4778d4}.csseditor[data-theme=light] .path-editor-view svg path.snap-path{fill:transparent;stroke:#4778d4;stroke-width:.5}.csseditor[data-theme=light] .path-editor-view svg text{fill:#4778d4;stroke:#4778d4;stroke-width:.5;pointer-events:none}.csseditor[data-theme=light] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=light] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=light] .animation-selector .timeline-object.selected{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#4778d4}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .title{color:#616161}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=light] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=light] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=light] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=light] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:flex}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #e2e2e2;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;transform:translateX(-100%);height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#435cb5;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=light] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{transform:rotate(0deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#616161;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);vertical-align:middle;cursor:pointer;transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(71,120,212,.5);background-color:#4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #e2e2e2;position:relative}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;transform:translateY(-50%);height:10px;background-color:rgba(226,226,226,.5);display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#4778d4;transform:translateY(-52%)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=light] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=light] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=light] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#616161}.csseditor[data-theme=light] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=light] .timeline-play-control .row{display:flex}.csseditor[data-theme=light] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=light] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=light] .timeline-play-control button.play{color:#4778d4}.csseditor[data-theme=light] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .direction-buttons{display:flex;padding-top:2px}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=light] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=light] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=light] .status-bar{flex:none;height:30px;overflow:hidden;position:relative;background-color:#609de2;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=light] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=light] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=light] .status-bar .tool-view>div{display:inline-block;background-color:#4653f6;border-radius:3px;min-width:50px}.csseditor[data-theme=light] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=light] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=light] .feature-control.object-list{position:relative;border-right:1px solid #e2e2e2;box-sizing:border-box;height:100%}.csseditor[data-theme=light] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=light] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=light] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=light] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=light] .feature-control .layer-tab .assets .property{height:auto}
+.colorpicker{position:relative;width:224px;z-index:1000;display:inline-block;border:1px solid rgba(0,0,0,.2);background-color:#fff;border-radius:3px;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker>.arrow{position:absolute;top:-10px;left:7px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;display:none;border-bottom:10px solid rgba(0,0,0,.2);pointer-events:none}.colorpicker>.arrow:after{position:absolute;content:"";top:1px;left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.colorpicker .colorpicker-body .arrow-button{position:relative;width:10px;height:12px;padding:0px}.colorpicker .colorpicker-body .arrow-button:before{content:"";display:inline-block;position:absolute;left:0px;right:0px;top:0px;height:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .arrow-button:after{content:"";display:inline-block;position:absolute;left:0px;right:0px;bottom:0px;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .color-tab{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:350px;box-sizing:border-box;border:1px solid #ececec}.colorpicker .colorpicker-body .color-tab.xd{height:200px}.colorpicker .colorpicker-body .color-tab .color-tab-header{-webkit-box-flex:0;flex:none;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;height:20px}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item{-webkit-box-flex:1;flex:1 1 auto;cursor:pointer;background-color:#ececec;text-align:center;height:100%;padding:4px 10px;box-sizing:border-box}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item.active{background-color:#fff;border-bottom-color:#fff}.colorpicker .colorpicker-body .color-tab .color-tab-body{-webkit-box-flex:1;flex:1 1 auto;position:relative}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content{display:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content.active{display:block}.colorpicker .colorpicker-body .color-panel{position:relative;height:120px;overflow:hidden;cursor:pointer}.colorpicker .colorpicker-body .color-panel>.saturation{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{position:absolute;width:10px;height:10px;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.colorpicker .colorpicker-body .color-panel>.saturation{background-color:rgba(204,154,129,0);background-image:-webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(204, 154, 129, 0)));background-image:linear-gradient(to right, #FFF, rgba(204, 154, 129, 0));background-repeat:repeat-x}.colorpicker .colorpicker-body .color-panel>.saturation>.value{background-image:-webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(204, 154, 129, 0)));background-image:linear-gradient(to top, #000000, rgba(204, 154, 129, 0))}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.colorpicker .colorpicker-body .control{position:relative;padding:10px 0px 10px 0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker .colorpicker-body .control>.color,.colorpicker .colorpicker-body .control>.empty{position:absolute;left:12px;top:14px;width:30px;height:30px;border-radius:50%;box-sizing:border-box}.colorpicker .colorpicker-body .control>.color{border:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .control>.hue{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.hue>.hue-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control>.opacity{position:relative;padding:3px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{position:absolute;cursor:pointer;top:50%;left:0px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker .colorpicker-body .control>.hue>.hue-container{background:-webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control>.opacity>.opacity-container>.color-bar{position:absolute;display:block;content:"";left:0px;right:0px;bottom:0px;top:0px}.colorpicker .colorpicker-body .control>.empty{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{border:1px solid rgba(0,0,0,.05);box-shadow:2px 2px 2px 0px rgba(0,0,0,.2);background-color:#fefefe}.colorpicker .colorpicker-body .information{position:relative;box-sizing:border-box}.colorpicker .colorpicker-body .information>input{position:absolute;font-size:10px;height:20px;bottom:20px;padding:0 0 0 2px;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.colorpicker .colorpicker-body .information>input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information.hex>.information-item.hex{display:-webkit-box;display:flex}.colorpicker .colorpicker-body .information.rgb>.information-item.rgb{display:-webkit-box;display:flex}.colorpicker .colorpicker-body .information.hsl>.information-item.hsl{display:-webkit-box;display:flex}.colorpicker .colorpicker-body .information>.information-item{display:none;position:relative;padding:0px 5px;padding-left:9px;box-sizing:border-box;margin-right:40px}.colorpicker .colorpicker-body .information>.information-item>.input-field{display:block;-webkit-box-flex:1;flex:1;padding:3px 1px;box-sizing:border-box;position:relative}.colorpicker .colorpicker-body .information>.information-item>.input-field>.title{text-align:center;font-size:12px;color:#a9a9a9;padding-top:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input{text-align:center;width:100%;padding:3px;height:21px;font-size:11px;color:#333;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #cbcbcb;border-radius:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-l input[type=number],.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-s input[type=number]{padding-left:1px;padding-right:10px}.colorpicker .colorpicker-body .information>.information-item>.input-field .postfix{display:inline-block;position:absolute;right:1px;top:2px;height:21px;line-height:2;padding:2px;box-sizing:border-box;text-align:center;font-size:11px}.colorpicker .colorpicker-body .information>.information-change{position:absolute;display:block;width:40px;top:0px;right:0px;bottom:0px;text-align:center;box-sizing:border-box;padding-top:5px}.colorpicker .colorpicker-body .information>.information-change>.format-change-button{box-sizing:border-box;background:transparent;border:0px;cursor:pointer;outline:none}.colorpicker .colorpicker-body .information>.title{color:#a3a3a3}.colorpicker .colorpicker-body .information>.input{color:#333}.colorpicker .colorpicker-body .colorsets{border-top:1px solid #e2e2e2}.colorpicker .colorpicker-body .colorsets>.menu{float:right;padding:10px 5px;padding-right:15px}.colorpicker .colorpicker-body .colorsets>.menu button{border:0px;font-size:14px;font-weight:300;font-family:serif,sans-serif;outline:none;cursor:pointer}.colorpicker .colorpicker-body .colorsets>.color-list{margin-right:30px;display:block;padding:10px 0px 0px 10px;box-sizing:border-box;line-height:0}.colorpicker .colorpicker-body .colorsets>.color-list .color-item{width:13px;height:13px;border-radius:2px;display:inline-block;margin-right:12px;margin-bottom:12px;position:relative;background-size:contain;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .colorsets>.color-list .color-item:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .empty{position:absolute;left:0px;top:0px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .color-view{position:absolute;left:0px;top:0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.colorpicker .colorpicker-body .colorsets>.color-list .add-color-item{width:13px;height:13px;display:inline-block;margin-right:12px;margin-bottom:12px;cursor:pointer;line-height:1;text-align:center;font-size:16px;font-weight:400;font-family:serif,sans-serif;color:#8e8e8e;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser{position:absolute;left:0px;right:0px;bottom:0px;top:0px;opacity:0;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .05s ease-out;transition:opacity .05s ease-out;pointer-events:none}.colorpicker .colorpicker-body .color-chooser.open{opacity:1;pointer-events:all}.colorpicker .colorpicker-body .color-chooser .color-chooser-container{position:absolute;top:120px;left:0px;right:0px;bottom:0px;background-color:#fff}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{position:absolute;top:0px;left:0px;right:0px;height:34px;display:-webkit-box;display:flex;padding:3px 0px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.2)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .title{-webkit-box-flex:2;flex:2;font-weight:bold;font-size:15px;box-sizing:border-box;margin-right:30px;vertical-align:middle;margin:0px;padding:5px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .items{-webkit-box-flex:1;flex:1;text-align:right;padding-right:10px;display:block;height:100%;line-height:2;cursor:pointer}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{position:absolute;top:34px;left:0px;right:0px;bottom:0px;overflow:auto}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item{cursor:pointer;display:-webkit-box;display:flex;padding:3px 0px;border-bottom:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item:hover{background-color:rgba(0,0,0,.05)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .title{-webkit-box-flex:2;flex:2;font-size:14px;box-sizing:border-box;margin-right:30px;vertical-align:middle;pointer-events:none;margin:0px;padding:5px;padding-left:14px;font-weight:normal;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items{-webkit-box-flex:3;flex:3;display:block;height:100%;line-height:1.6;cursor:pointer;pointer-events:none}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item{width:13px;height:13px;border-radius:3px;display:inline-block;margin-right:10px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;background-size:contain;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item .color-view{width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker.sketch{border-radius:5px}.colorpicker.sketch>.colorpicker-body .color-panel{margin:10px 10px 2px 10px;box-sizing:border-box;height:150px}.colorpicker.sketch>.colorpicker-body>.control{padding:0px}.colorpicker.sketch>.colorpicker-body>.control>.color,.colorpicker.sketch>.colorpicker-body>.control>.empty{position:absolute;right:10px;left:auto;top:1px;width:26px;height:26px;border-radius:2px;box-sizing:border-box}.colorpicker.sketch>.colorpicker-body>.control>.color{box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,.5)}.colorpicker.sketch>.colorpicker-body>.control>.hue{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.hue>.hue-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity>.opacity-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control .drag-bar,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2{border-radius:0px;top:50%;left:0px;width:2px;height:80%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:1px;bottom:1px !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.first,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.first{left:0px;-webkit-transform:translateX(50%) translateY(-50%) !important;transform:translateX(50%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.last,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.last{-webkit-transform:translateX(-150%) translateY(-50%) !important;transform:translateX(-150%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.information .information-change{display:none}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.rgb{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hex{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.rgb{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.hsl{display:inherit}.colorpicker.sketch>.colorpicker-body>.information .information-item{display:-webkit-inline-box !important;display:inline-flex !important;margin-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title{color:#000;font-size:11px;cursor:pointer}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title:hover{font-weight:bold}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field:last-child:not(:first-child){padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hex{width:70px;padding-right:0px;padding-left:5px}.colorpicker.sketch>.colorpicker-body>.information .information-item.rgb{width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hsl{display:none;width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.colorsets>.menu{display:none}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list{margin-right:0px;padding-right:12px}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list .color-item{width:16px;height:16px;border-radius:3px;margin-right:9px;margin-bottom:10px}.colorpicker.palette{border-radius:3px;box-shadow:none}.colorpicker.palette>.colorpicker-body .color-panel{display:none}.colorpicker.palette>.colorpicker-body>.control{display:none}.colorpicker.palette>.colorpicker-body>.information{display:none}.colorpicker.palette>.colorpicker-body>.colorsets{box-sizing:border-box;border-top:0px}.colorpicker.palette>.colorpicker-body>.colorsets>.color-list .color-item{width:15px;height:15px;margin-right:10px;margin-bottom:10px}.colorpicker.palette>.colorpicker-body>.color-chooser{display:none;box-sizing:border-box}.colorpicker.palette>.colorpicker-body>.color-chooser.open{display:block;top:-1px;left:-1px;right:-1px;bottom:auto;border-radius:3px;border:1px solid #d8d8d8;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;background-color:#fff;box-sizing:border-box;border-radius:2px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-item-header{position:relative;left:auto;top:auto;right:auto;bottom:auto;border-top-left-radius:3px;border-top-right-radius:3px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list{position:relative;top:auto;left:auto;right:auto;bottom:auto;overflow:auto}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list .colorsets-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.colorpicker.macos .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.macos .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.macos .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.macos .control{padding-top:0px}.colorpicker.macos .control>.color,.colorpicker.macos .control>.empty{top:4px}.colorpicker.macos .value{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker.macos .value>.value-container{position:relative;width:100%;height:10px;border-radius:3px;background-image:-webkit-gradient(linear, left top, right top, from(#000000), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);box-sizing:border-box}.colorpicker.macos .value>.value-container .drag-bar{position:absolute;cursor:pointer;top:50%;left:0px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker.mini{width:180px;display:inline-block}.colorpicker.mini .control{padding:0px}.colorpicker.mini .control .hue,.colorpicker.mini .control .opacity{margin:0px;padding:0px}.colorpicker.mini .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .drag-bar,.colorpicker.mini .control .drag-bar2{border:0px;background-color:transparent;height:100%;width:5px;box-sizing:border-box;box-shadow:none}.colorpicker.mini .control .drag-bar.last:before,.colorpicker.mini .control .drag-bar.lastafter,.colorpicker.mini .control .drag-bar2.last:before,.colorpicker.mini .control .drag-bar2.lastafter{left:1px}.colorpicker.mini .control .drag-bar.first:before,.colorpicker.mini .control .drag-bar.first:after,.colorpicker.mini .control .drag-bar2.first:before,.colorpicker.mini .control .drag-bar2.first:after{left:3px}.colorpicker.mini .control .drag-bar:before,.colorpicker.mini .control .drag-bar2:before{content:"";position:absolute;left:2px;top:0px;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}.colorpicker.mini .control .drag-bar:after,.colorpicker.mini .control .drag-bar2:after{content:"";position:absolute;left:2px;bottom:0px;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000}.colorpicker.mini-vertical{width:180px;display:inline-block}.colorpicker.mini-vertical .color-panel{display:inline-block;width:140px;height:160px;vertical-align:middle}.colorpicker.mini-vertical .control{height:160px;padding:0px;vertical-align:middle;display:inline-block}.colorpicker.mini-vertical .control .hue,.colorpicker.mini-vertical .control .opacity{margin:0px;padding:0px;width:20px;display:inline-block;vertical-align:middle;height:100%;position:relative}.colorpicker.mini-vertical .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.mini-vertical .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%;width:20px}.colorpicker.mini-vertical .control .drag-bar,.colorpicker.mini-vertical .control .drag-bar2{border:0px;background-color:transparent;height:2px;width:100%;box-sizing:border-box;box-shadow:none;-webkit-transform:none;transform:none}.colorpicker.mini-vertical .control .drag-bar.last:before,.colorpicker.mini-vertical .control .drag-bar.last:after,.colorpicker.mini-vertical .control .drag-bar2.last:before,.colorpicker.mini-vertical .control .drag-bar2.last:after{top:2px}.colorpicker.mini-vertical .control .drag-bar.first:before,.colorpicker.mini-vertical .control .drag-bar.first:after,.colorpicker.mini-vertical .control .drag-bar2.first:before,.colorpicker.mini-vertical .control .drag-bar2.first:after{top:-1px}.colorpicker.mini-vertical .control .drag-bar:before,.colorpicker.mini-vertical .control .drag-bar2:before{content:"";position:absolute;left:0px;top:2px;width:0;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000}.colorpicker.mini-vertical .control .drag-bar:after,.colorpicker.mini-vertical .control .drag-bar2:after{content:"";position:absolute;top:2px;right:0px;width:0;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000}.colorpicker.ring .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.ring .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring .control{padding-top:0px}.colorpicker.ring .control .value{display:none}.colorpicker.ring .control>.color,.colorpicker.ring .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.ring-tab .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring-tab .colorpicker-body .wheel{width:224px;height:224px;margin:0 auto;position:relative;box-sizing:border-box}.colorpicker.ring-tab .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring-tab .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring-tab .colorpicker-body .color-chooser{opacity:1;pointer-events:all}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .color-item{-webkit-transform:scale(1.2);transform:scale(1.2)}.colorpicker.ring-tab .colorpicker-body .colorsets{border-top:0px}.colorpicker.ring-tab .colorpicker-body .colorsets .menu{display:none}.colorpicker.ring-tab .colorpicker-body .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.ring-tab .control{padding-top:0px}.colorpicker.ring-tab .control .value{display:none}.colorpicker.ring-tab .control>.color,.colorpicker.ring-tab .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.xd{display:inline-block;padding-top:12px;width:245px}.colorpicker.xd .color-panel{display:inline-block;margin-left:6px;margin-bottom:12px;width:170px;height:170px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd .control{height:170px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-bottom:12px}.colorpicker.xd .control .hue,.colorpicker.xd .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd .control .drag-bar,.colorpicker.xd .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;-webkit-transform:none;transform:none;overflow:hidden;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.colorpicker.xd .information{margin-top:5px}.colorpicker.xd-tab .color-panel{display:inline-block;margin-top:10px;margin-left:6px;width:170px;height:120px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd-tab .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd-tab .control{height:120px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-top:10px}.colorpicker.xd-tab .control .hue,.colorpicker.xd-tab .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd-tab .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd-tab .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd-tab .control .drag-bar,.colorpicker.xd-tab .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;-webkit-transform:none;transform:none;overflow:hidden;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.colorpicker.xd-tab .color-chooser{opacity:1;pointer-events:all}.colorpicker.xd-tab .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list .color-item{-webkit-transform:scale(1.2);transform:scale(1.2)}.colorpicker.xd-tab .colorsets{border-top:0px}.colorpicker.xd-tab .colorsets .menu{display:none}.colorpicker.xd-tab .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.xd-tab .information{margin-top:5px}.colorsets-contextmenu{position:fixed;padding-top:4px;padding-bottom:4px;border-radius:6px;background-color:#ececec;border:1px solid #ccc;display:none;list-style:none;font-size:13px;padding-left:0px;padding-right:0px}.colorsets-contextmenu.show{display:inline-block}.colorsets-contextmenu .menu-item{padding:2px 20px;cursor:default}.colorsets-contextmenu .menu-item:hover{background-color:#5ea3fb;color:#fff}.colorsets-contextmenu.small .menu-item.small-hide{display:none}html,body{font-size:13px;padding:0px;margin:0px;overflow:hidden;box-sizing:border-box;font-family:sans-serif}*,*:before,*:after{box-sizing:border-box}body.ua-window .scrollbar::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}body.ua-window .scrollbar::-webkit-scrollbar-thumb{background:#000}.csseditor{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;left:0px;top:0px}.csseditor[data-theme=dark] input[type=text],.csseditor[data-theme=dark] input[type=number],.csseditor[data-theme=dark] input[type=email],.csseditor[data-theme=dark] textarea{background-color:#2b2b2b;border:1px solid #2b2b2b;color:#ececec;outline:none}.csseditor[data-theme=dark] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#2b2b2b;border:1px solid #1f2024;border-radius:0px;color:#fff;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=dark] button{border-width:0px;color:#fff;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=dark] button svg{width:100%;height:100%}.csseditor[data-theme=dark] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#1f2024;opacity:0;pointer-events:none}.csseditor[data-theme=dark] .add-image-button{display:none}.csseditor[data-theme=dark] .icon svg,.csseditor[data-theme=dark] button svg,.csseditor[data-theme=dark] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .icon svg path,.csseditor[data-theme=dark] button svg path,.csseditor[data-theme=dark] label svg path{fill:currentColor}.csseditor[data-theme=dark] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .layout-main marker path{fill:#313131}.csseditor[data-theme=dark] .layout-main .layout-top{display:block;-webkit-box-flex:1;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=dark] .layout-main .layout-middle{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#111;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #313131;background-color:#1f2024;-webkit-transition:all .05s linear;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#111;padding:2px 0px}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:auto;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=dark] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=dark] input[type=range]:focus{outline:none}.csseditor[data-theme=dark] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-thumb{height:10px;width:10px;border-radius:100%;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.8);margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-webkit-slider-runnable-track{background:#616161}.csseditor[data-theme=dark] input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=dark] input[type=range]::-moz-range-thumb{border:1px solid #000;height:10px;width:10px;border-radius:9px;border-radius:5px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#616161}.csseditor[data-theme=dark] input[type=range]::-ms-fill-lower{background:#fff;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=dark] input[type=range]::-ms-fill-upper{background:#fff;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=dark] input[type=range]::-ms-thumb{height:10px;width:10px;border-radius:9px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-lower{background:#fff}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-upper{background:#fff}.csseditor[data-theme=dark] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#111;color:#fff}.csseditor[data-theme=dark] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=dark] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border-right:1px solid #313131}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{-webkit-box-flex:0;flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;-webkit-box-flex:0;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#fc554f;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{-webkit-box-flex:1;flex:1 1 auto;overflow:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .tab.number-tab .tab-header{cursor:pointer;background-color:#111;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=dark] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=dark] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=dark] .tab.number-tab>.tab-header.full{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#fc554f;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{color:#fc554f}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=dark] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:-webkit-box;display:flex}.csseditor[data-theme=dark] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item{-webkit-box-flex:1;flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.selected{color:#fff}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(52,53,58,.5);color:#000}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#111}.csseditor[data-theme=dark] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=dark] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected.flex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .fixed{-webkit-box-flex:0;flex:none}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#1f2024;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=dark] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=dark] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=dark] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .logo .site{font-size:14px;color:#313131}.csseditor[data-theme=dark] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=dark] .tool-menu,.csseditor[data-theme=dark] .preview-tool-menu{color:#fff}.csseditor[data-theme=dark] .tool-menu.center,.csseditor[data-theme=dark] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=dark] .tool-menu .items,.csseditor[data-theme=dark] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .empty,.csseditor[data-theme=dark] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=dark] .tool-menu .items .draw-items>*,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=dark] .tool-menu .items .draw-items .divider,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #616161;height:20px;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#fff;padding:5px;text-align:center}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#fff;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=dark] .tool-menu .items.flex-2,.csseditor[data-theme=dark] .preview-tool-menu .items.flex-2{-webkit-box-flex:5;flex:5}.csseditor[data-theme=dark] .tool-menu .items.left,.csseditor[data-theme=dark] .preview-tool-menu .items.left{-webkit-box-flex:0;flex:none;width:300px;text-align:left}.csseditor[data-theme=dark] .tool-menu .items form,.csseditor[data-theme=dark] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items button,.csseditor[data-theme=dark] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=dark] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=dark] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .tool-menu .items .title,.csseditor[data-theme=dark] .preview-tool-menu .items .title{font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tool-menu .items .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#fff}.csseditor[data-theme=dark] .tool-menu .items .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .tool-menu .items .icon.export,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .tool-menu .items .icon.github,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=dark] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=dark] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#919191}.csseditor[data-theme=dark] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=dark] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=dark] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=dark] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #313131;color:#fff;background-color:#1f2024}.csseditor[data-theme=dark] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=dark] .page-tools button{border-radius:3px}.csseditor[data-theme=dark] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(252,85,79,.5)}.csseditor[data-theme=dark] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=dark] .path-manager .text{display:inline-block}.csseditor[data-theme=dark] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flipY]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flip]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.csseditor[data-theme=dark] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=dark] .path-manager .tools button svg path{stroke-width:1;stroke:#1f2024}.csseditor[data-theme=dark] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .path-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:5px 5px}.csseditor[data-theme=dark] .draw-manager .text{display:inline-block}.csseditor[data-theme=dark] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=dark] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(252,85,79,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=dark] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fc554f;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction:hover{border-color:#e10c04}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #fc554f;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;-webkit-perspective:1000px;perspective:1000px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #fff;border-radius:0px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{-webkit-transform:rotateX(89deg) translateZ(0px);transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{-webkit-transform:rotateY(89deg) translateZ(0px);transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-x{-webkit-transform:rotateX(90deg) translateZ(0px);transform:rotateX(90deg) translateZ(0px);border:5px solid #6868f7}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-y{-webkit-transform:rotateY(90deg) translateZ(0px);transform:rotateY(90deg) translateZ(0px);border:5px solid #70c570}.csseditor[data-theme=dark] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=dark] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .canvas-view{position:absolute;-webkit-transform-origin:left top;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=dark] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=dark] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=dark] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=dark] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#dedede;display:inline-block}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=dark] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .selection-view.empty>*{display:none}.csseditor[data-theme=dark] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="1"]{background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="2"]{background-color:rgba(49,49,49,.6)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="3"]{background-color:rgba(49,49,49,.8)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="4"]{background-color:rgba(49,49,49,.9)}.csseditor[data-theme=dark] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=dark] .selection-tool.editing-path,.csseditor[data-theme=dark] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=dark] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #313131;opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#fc554f;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#313131;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);cursor:move;background-color:#fc554f;border:1px solid #e10c04;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;-webkit-transform:translate(-100%, calc(-100% - 5px));transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;-webkit-transform:none;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;-webkit-transform:translate(0.5px, 0.5px);transform:translate(0.5px, 0.5px)}.csseditor[data-theme=dark] .guide-line-view line{stroke-width:1}.csseditor[data-theme=dark] .guide-line-view line.base-line{stroke:#fc554f}.csseditor[data-theme=dark] .guide-line-view line.base-rect{stroke:#435cb5}.csseditor[data-theme=dark] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=dark] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=dark] .property{padding:10px 10px;border-top:1px solid #4a4a4a;background-color:#111;color:#fff;display:none}.csseditor[data-theme=dark] .property:first-child{border-top:0px}.csseditor[data-theme=dark] .property .group{position:relative}.csseditor[data-theme=dark] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);cursor:pointer;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=dark] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #fc554f;background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .property.full{height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=dark] .property.full.show{height:100%}.csseditor[data-theme=dark] .property.full .property-title{-webkit-box-flex:0;flex:none;height:30px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=dark] .property.full .property-body{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .property.show>.property-title>label .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}.csseditor[data-theme=dark] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=dark] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #4a4a4a;background-color:#111;color:#fff}.csseditor[data-theme=dark] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=dark] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=dark] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=dark] .property>.property-title label .icon{display:inline-block;-webkit-transition:all linear .1s;transition:all linear .1s}.csseditor[data-theme=dark] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=dark] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=dark] .property>.property-title>.tools>*{-webkit-box-flex:0;flex:none}.csseditor[data-theme=dark] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=dark] .property>.property-body{display:none;padding:0px;background-color:#111}.csseditor[data-theme=dark] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=dark] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #313131}.csseditor[data-theme=dark] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=dark] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=dark] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=dark] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=dark] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #313131}.csseditor[data-theme=dark] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=dark] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=dark] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=dark] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#313131}.csseditor[data-theme=dark] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=dark] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=dark] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=dark] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=dark] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=dark] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-image-item .tools{line-height:2}.csseditor[data-theme=dark] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=dark] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=dark] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=dark] .content-item textarea{width:100%;height:100px;border:1px solid #313131;border-radius:3px}.csseditor[data-theme=dark] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=dark] .transition-list .transition-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=dark] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#313131}.csseditor[data-theme=dark] .transition-list .transition-item .labels label small{color:#fff}.csseditor[data-theme=dark] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=dark] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=dark] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=dark] .animation-list .animation-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=dark] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label{background-color:#313131;padding:1px 2px;border-radius:2px;color:#313131;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=dark] .animation-list .animation-item .labels label small{color:#fff;text-transform:lowercase}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#fff}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item{border:1px solid #313131;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=dark] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#e6e6e6;padding-left:10px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=dark] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=dark] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=dark] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #313131;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=dark] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#fc554f;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=dark] .code-view-item>div pre strong{color:#fc554f}.csseditor[data-theme=dark] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .clip-path-list .clippath-item.selected,.csseditor[data-theme=dark] .clip-path-list .clippath-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=dark] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .selector-list .selector-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .project-list{margin:0px !important}.csseditor[data-theme=dark] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=dark] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=dark] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .project-list .project-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .artboard-list .artboard-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .artboard-list .artboard-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .layer-list .layer-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=dark] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg polygon{stroke:#999}.csseditor[data-theme=dark] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=dark] .layer-list+.drag-point{position:absolute;border:1px solid #fc554f;pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=dark] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #fc6d68;color:#fff;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #313131;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=dark] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=dark] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#fc554f !important}.csseditor[data-theme=dark] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=dark] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=dark] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item{color:#999;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=dark] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=dark] .project-info input,.csseditor[data-theme=dark] .project-info textarea{width:100%}.csseditor[data-theme=dark] .project-info .input input{height:24px}.csseditor[data-theme=dark] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=dark] .artboard-size-list .artboard-size-item{border-top:1px solid #313131}.csseditor[data-theme=dark] .artboard-size-list .category{height:26px;border-bottom:1px solid #313131;line-height:2}.csseditor[data-theme=dark] .artboard-size-list .category .title{color:#fff;pointer-events:none;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .group-item{background-color:#313131;height:24px;border-bottom:1px solid #313131;line-height:1.8}.csseditor[data-theme=dark] .artboard-size-list .group-item .title{color:#fff;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #313131;line-height:2.3}.csseditor[data-theme=dark] .artboard-size-list .device-item .title{color:#fff;pointer-events:none;padding-left:20px}.csseditor[data-theme=dark] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=dark] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=dark] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=dark] .export-item label{vertical-align:middle}.csseditor[data-theme=dark] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=dark] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .library-items{padding:10px}.csseditor[data-theme=dark] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=dark] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=dark] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .library-items .group.path .list .path-item:hover{background-color:#435cb5}.csseditor[data-theme=dark] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .component-items{padding:10px 10px}.csseditor[data-theme=dark] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=dark] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=dark] .component-items .group .list .menu-item:hover{background-color:#fd8581;color:#fff}.csseditor[data-theme=dark] .component-items .group .list .menu-item.selected{color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=dark] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=dark] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=dark] .shortcut-items{padding:10px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item{border:1px solid #fc554f;margin-bottom:10px;border-radius:4px;background-color:#313131;padding:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=dark] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#616161}.csseditor[data-theme=dark] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .video-property .volume-control span[data-value]{display:none;color:#fff;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=dark] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #313131;background-color:#1f2024}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#fc554f;border:1px solid #fc554f}.csseditor[data-theme=dark] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=dark] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(252,85,79,.1)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#fff}.csseditor[data-theme=dark] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=dark] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=dark] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#2b2b2b}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=dark] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=dark] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=dark] .color-single-editor .preview{height:100%}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #313131}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .range-editor.has-label.block label{display:block;color:#fff}.csseditor[data-theme=dark] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=dark] .range-editor .remove{display:none}.csseditor[data-theme=dark] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=dark] .range-editor .range-editor-type .area.focused{border:1px solid #fc554f;border-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #2b2b2b;border-left:1px solid #2b2b2b;border-top:1px solid #2b2b2b;text-align:left;background-color:#2b2b2b;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#2b2b2b;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .number-range-editor .remove{display:none}.csseditor[data-theme=dark] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=dark] .input-range-editor.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=dark] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .input-range-editor .type-button,.csseditor[data-theme=dark] .input-range-editor .remove{display:none}.csseditor[data-theme=dark] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#2b2b2b;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=dark] .text-editor input[type=text]{border:1px solid #313131}.csseditor[data-theme=dark] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=dark] .select-editor select{font-size:11px}.csseditor[data-theme=dark] .select-editor select:focus-within{border:1px solid #fc554f}.csseditor[data-theme=dark] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=dark] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=dark] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=dark] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=dark] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=dark] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#fc554f;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=dark] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=dark] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .background-image-editor .label.hide{display:none}.csseditor[data-theme=dark] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .pattern{background-color:#313131;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #fc554f;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .label.hide{display:none}.csseditor[data-theme=dark] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#fff;border-radius:3px;margin:3px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#fff;vertical-align:middle;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .filter-editor .label.hide{display:none}.csseditor[data-theme=dark] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#b3b3b3}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{color:#1f2024}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#fc554f}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .text-shadow-editor .label{height:20px}.csseditor[data-theme=dark] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=dark] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=dark] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .var-editor .label.hide{display:none}.csseditor[data-theme=dark] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=dark] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=dark] .var-editor .var-item>div input::-webkit-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .gradient-editor{position:relative}.csseditor[data-theme=dark] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=dark] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .gradient-editor .hue-container,.csseditor[data-theme=dark] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=dark] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#fc554f}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=dark] .svg-filter-editor{color:#fff;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#fc554f;font-size:11px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=dark] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #fc554f;position:relative;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#fc554f;stroke-width:1;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#fc554f;r:4;stroke:rgba(252,85,79,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#fc554f;stroke:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#1f2024;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#fff;height:12px;width:12px;border-radius:100%;background-color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #fc554f}.csseditor[data-theme=dark] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=dark] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#fc554f;border-radius:3px;margin:5px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=dark] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=dark] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=dark] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected{background-color:#fc554f}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg rect{fill:#fff}.csseditor[data-theme=dark] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=dark] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=dark] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=dark] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=dark] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=dark] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:#2b2b2b;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:-webkit-box;display:flex}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item{-webkit-box-flex:1;flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.selected{background-color:#555;color:#fff}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=dark] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=dark] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=dark] .path-data-editor .segment .command{color:#fc554f;cursor:pointer}.csseditor[data-theme=dark] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=dark] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=dark] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=dark] .polygon-data-editor .segment .values label{color:#fc554f}.csseditor[data-theme=dark] .polygon-data-editor .segment .values input{color:#fff;width:80px}.csseditor[data-theme=dark] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=dark] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .background-position-editor .preview{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=dark] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=dark] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=dark] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=dark] .fill-single-editor .colors .color{border:1px solid #fff;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=dark] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=dark] .fill-editor{position:relative}.csseditor[data-theme=dark] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=dark] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .fill-editor .hue-container,.csseditor[data-theme=dark] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=dark] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=dark] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .func-filter-editor.focused{box-shadow:0 0 0 1px #fc554f;border-radius:3px}.csseditor[data-theme=dark] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=dark] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=dark] .color-matrix-editor .title{padding:5px 0px;color:#fc554f}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(49,49,49,.5)}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#fc554f}.csseditor[data-theme=dark] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=dark] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .pattern-editor .label.hide{display:none}.csseditor[data-theme=dark] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#fc554f}.csseditor[data-theme=dark] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=dark] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=dark] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=dark] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fc554f}.csseditor[data-theme=dark] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#fc554f;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=dark] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=dark] .popup{position:absolute;display:none;z-index:1000;background-color:#1f1f1f;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#fff}.csseditor[data-theme=dark] .popup.compact{padding:0px}.csseditor[data-theme=dark] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=dark] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=dark] .popup .popup-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=dark] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=dark] .popup .popup-title label{cursor:move}.csseditor[data-theme=dark] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=dark] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=dark] .popup.background-property-popup{width:224px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=dark] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#313131;font-weight:bold}.csseditor[data-theme=dark] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #313131;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#313131;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f;border-color:#1f1f1f}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #313131;margin-bottom:2px;height:204px;position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(#313131)),-webkit-gradient(linear, left top, right top, from(#313131), to(#313131));background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=dark] .popup .animation-property-popup{width:220px}.csseditor[data-theme=dark] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup{width:220px}.csseditor[data-theme=dark] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #313131;height:202px;position:relative;margin-bottom:10px;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(#313131)),-webkit-gradient(linear, left top, right top, from(#313131), to(#313131));background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .keyframe-popup{width:250px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box input,.csseditor[data-theme=dark] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=dark] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=dark] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#fc554f;z-index:0}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #313131}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box label input,.csseditor[data-theme=dark] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box input,.csseditor[data-theme=dark] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #313131 !important}.csseditor[data-theme=dark] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.csseditor[data-theme=dark] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=dark] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=dark] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#fc554f;box-shadow:0 0 2px 2px #fc554f}.csseditor[data-theme=dark] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000;background-color:#1f2024;border:1px solid #313131;box-shadow:0 0 1px 0px #313131;padding:14px;color:#fff}.csseditor[data-theme=dark] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=dark] .window-background .window .window-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=dark] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=dark] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=dark] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=dark] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=dark] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=dark] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=dark] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=dark] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=dark] .path-editor-view .path-container.modify,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=dark] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.box svg path.object{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;-webkit-transform:none;transform:none;box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=dark] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg line[data-distance=true]{stroke:#fc554f;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=dark] .path-editor-view svg circle.curve{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-first=true]{stroke:#fc554f;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-second=true]{stroke:#4b0401;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-selected=true]{fill:#fc554f;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=dark] .path-editor-view svg circle.split-circle{fill:#fc554f;stroke:#fff;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#3a89f0;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=dark] .path-editor-view svg path.guide{fill:transparent;stroke:#4879ff;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.segment{fill:transparent;stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#fc554f}.csseditor[data-theme=dark] .path-editor-view svg path.snap-path{fill:transparent;stroke:#fc554f;stroke-width:.5}.csseditor[data-theme=dark] .path-editor-view svg text{fill:#fc554f;stroke:#fc554f;stroke-width:.5;pointer-events:none}.csseditor[data-theme=dark] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=dark] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=dark] .animation-selector .timeline-object.selected{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#111;font-size:12px;border-left:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#fc554f}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .title{color:#fff}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=dark] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#1f2024;font-size:12px;border-right:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=dark] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=dark] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=dark] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #313131;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #313131;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#ee4b66;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=dark] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#fff;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:rgba(67,92,181,.4);color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);vertical-align:middle;cursor:pointer;-webkit-transform:translateX(-4px) translateY(0px) rotate(45deg);transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(252,85,79,.5);background-color:#fc554f}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #313131;position:relative}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;background-color:rgba(49,49,49,.5);display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#fc554f;-webkit-transform:translateY(-52%);transform:translateY(-52%)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=dark] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=dark] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#fff}.csseditor[data-theme=dark] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=dark] .timeline-play-control .row{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=dark] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=dark] .timeline-play-control button.play{color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons{display:-webkit-box;display:flex;padding-top:2px}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=dark] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=dark] .status-bar{-webkit-box-flex:0;flex:none;height:30px;overflow:hidden;position:relative;background-color:#fc554f;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=dark] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=dark] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=dark] .status-bar .tool-view>div{display:inline-block;background-color:#760e34;border-radius:3px;min-width:50px}.csseditor[data-theme=dark] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #313131}.csseditor[data-theme=dark] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=dark] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=dark] .feature-control.object-list{position:relative;border-right:1px solid #313131;box-sizing:border-box;height:100%}.csseditor[data-theme=dark] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=dark] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=dark] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets .property{height:auto}.csseditor[data-theme=light] input[type=text],.csseditor[data-theme=light] input[type=number],.csseditor[data-theme=light] input[type=email],.csseditor[data-theme=light] textarea{background-color:#fff;border:1px solid #e2e2e2;color:#000;outline:none}.csseditor[data-theme=light] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#fff;border:1px solid #e2e2e2;border-radius:0px;color:#616161;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=light] button{border-width:0px;color:#616161;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=light] button svg{width:100%;height:100%}.csseditor[data-theme=light] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#fff;opacity:0;pointer-events:none}.csseditor[data-theme=light] .add-image-button{display:none}.csseditor[data-theme=light] .icon svg,.csseditor[data-theme=light] button svg,.csseditor[data-theme=light] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .icon svg path,.csseditor[data-theme=light] button svg path,.csseditor[data-theme=light] label svg path{fill:currentColor}.csseditor[data-theme=light] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:-webkit-box;display:flex}.csseditor[data-theme=light] .layout-main marker path{fill:#e2e2e2}.csseditor[data-theme=light] .layout-main .layout-top{display:block;-webkit-box-flex:1;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=light] .layout-main .layout-middle{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=light] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#fff;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #e2e2e2;background-color:#fff;-webkit-transition:all .05s linear;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#fff;padding:2px 0px}.csseditor[data-theme=light] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:auto;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=light] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=light] input[type=range]:focus{outline:none}.csseditor[data-theme=light] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-thumb{height:8px;width:8px;border-radius:100%;background:#609de2;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid #609de2;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-webkit-slider-runnable-track{background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=light] input[type=range]::-moz-range-thumb{border:1px solid #000;height:8px;width:8px;border-radius:9px;border-radius:10px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]::-ms-track{width:100%;height:1px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-ms-fill-lower{background:#609de2;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=light] input[type=range]::-ms-fill-upper{background:#609de2;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=light] input[type=range]::-ms-thumb{height:8px;width:8px;border-radius:9px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-lower{background:#609de2}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-upper{background:#609de2}.csseditor[data-theme=light] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#fff;color:#616161}.csseditor[data-theme=light] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=light] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{-webkit-box-flex:0;flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;-webkit-box-flex:0;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#4778d4;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{-webkit-box-flex:1;flex:1 1 auto;overflow:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#151515}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .tab.number-tab .tab-header{cursor:pointer;background-color:#eee;overflow:hidden;color:#616161}.csseditor[data-theme=light] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=light] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=light] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=light] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=light] .tab.number-tab>.tab-header.full{display:-webkit-box;display:flex}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#4778d4;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{color:#4778d4}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=light] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:-webkit-box;display:flex}.csseditor[data-theme=light] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=light] .tab>.tab-header>.tab-item{-webkit-box-flex:1;flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.selected{color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(255,255,255,.5);color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#fff}.csseditor[data-theme=light] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=light] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=light] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected.flex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .fixed{-webkit-box-flex:0;flex:none}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#fff;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=light] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=light] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=light] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=light] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=light] .logo .site{font-size:14px;color:#e2e2e2}.csseditor[data-theme=light] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=light] .tool-menu,.csseditor[data-theme=light] .preview-tool-menu{color:#fff}.csseditor[data-theme=light] .tool-menu.center,.csseditor[data-theme=light] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=light] .tool-menu .items,.csseditor[data-theme=light] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=light] .tool-menu .items .empty,.csseditor[data-theme=light] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=light] .tool-menu .items .draw-items>*,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=light] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=light] .tool-menu .items .draw-items .divider,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #cfcfcf;height:20px;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .draw-items>label,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#616161;padding:5px;text-align:center}.csseditor[data-theme=light] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#616161;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=light] .tool-menu .items.flex-2,.csseditor[data-theme=light] .preview-tool-menu .items.flex-2{-webkit-box-flex:5;flex:5}.csseditor[data-theme=light] .tool-menu .items.left,.csseditor[data-theme=light] .preview-tool-menu .items.left{-webkit-box-flex:0;flex:none;width:300px;text-align:left}.csseditor[data-theme=light] .tool-menu .items form,.csseditor[data-theme=light] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items button,.csseditor[data-theme=light] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=light] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=light] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=light] .tool-menu .items .title,.csseditor[data-theme=light] .preview-tool-menu .items .title{font-size:10px;color:#151515}.csseditor[data-theme=light] .tool-menu .items .icon,.csseditor[data-theme=light] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#616161}.csseditor[data-theme=light] .tool-menu .items .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .tool-menu .items .icon.export,.csseditor[data-theme=light] .tool-menu .items .icon.codepen,.csseditor[data-theme=light] .tool-menu .items .icon.github,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .icon.export:before,.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=light] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=light] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:rgba(17,17,17,.1)}.csseditor[data-theme=light] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=light] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=light] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=light] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #e2e2e2;color:#616161;background-color:#fff}.csseditor[data-theme=light] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=light] .page-tools button{border-radius:3px}.csseditor[data-theme=light] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(71,120,212,.5)}.csseditor[data-theme=light] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=light] .path-manager .text{display:inline-block}.csseditor[data-theme=light] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=light] .path-manager .tools button[data-value=flipY]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.csseditor[data-theme=light] .path-manager .tools button[data-value=flip]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.csseditor[data-theme=light] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=light] .path-manager .tools button svg path{stroke-width:1;stroke:#fff}.csseditor[data-theme=light] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .path-manager>*{vertical-align:middle}.csseditor[data-theme=light] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:5px 5px}.csseditor[data-theme=light] .draw-manager .text{display:inline-block}.csseditor[data-theme=light] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=light] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=light] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=light] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(71,120,212,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=light] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#4778d4;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction:hover{border-color:#224993}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #4778d4;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;-webkit-perspective:1000px;perspective:1000px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #616161;border-radius:0px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{-webkit-transform:rotateX(89deg) translateZ(0px);transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{-webkit-transform:rotateY(89deg) translateZ(0px);transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-x{-webkit-transform:rotateX(90deg) translateZ(0px);transform:rotateX(90deg) translateZ(0px);border:5px solid #643ac7}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-y{-webkit-transform:rotateY(90deg) translateZ(0px);transform:rotateY(90deg) translateZ(0px);border:5px solid #8bdf8b}.csseditor[data-theme=light] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=light] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .canvas-view{position:absolute;-webkit-transform-origin:left top;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=light] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=light] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=light] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=light] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#000;display:inline-block}.csseditor[data-theme=light] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=light] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .selection-view.empty>*{display:none}.csseditor[data-theme=light] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=light] .selection-pointer .marker[data-index="1"]{background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="2"]{background-color:rgba(226,226,226,.6)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="3"]{background-color:rgba(226,226,226,.8)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="4"]{background-color:rgba(226,226,226,.9)}.csseditor[data-theme=light] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=light] .selection-tool.editing-path,.csseditor[data-theme=light] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=light] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #e2e2e2;opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#4778d4;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#e2e2e2;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);cursor:move;background-color:#4778d4;border:1px solid #224993;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;-webkit-transform:translate(-100%, calc(-100% - 5px));transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;-webkit-transform:none;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;-webkit-transform:translate(0.5px, 0.5px);transform:translate(0.5px, 0.5px)}.csseditor[data-theme=light] .guide-line-view line{stroke-width:1}.csseditor[data-theme=light] .guide-line-view line.base-line{stroke:#4778d4}.csseditor[data-theme=light] .guide-line-view line.base-rect{stroke:#36457a}.csseditor[data-theme=light] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=light] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=light] .property{padding:10px 10px;border-top:1px solid #e2e2e2;background-color:#fff;color:#616161;display:none}.csseditor[data-theme=light] .property:first-child{border-top:0px}.csseditor[data-theme=light] .property .group{position:relative}.csseditor[data-theme=light] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);cursor:pointer;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=light] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #4778d4;background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .property.full{height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=light] .property.full.show{height:100%}.csseditor[data-theme=light] .property.full .property-title{-webkit-box-flex:0;flex:none;height:30px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=light] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=light] .property.full .property-body{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .property.show>.property-title>label .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}.csseditor[data-theme=light] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=light] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #e2e2e2;background-color:#fff;color:#616161}.csseditor[data-theme=light] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=light] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=light] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=light] .property>.property-title label .icon{display:inline-block;-webkit-transition:all linear .1s;transition:all linear .1s}.csseditor[data-theme=light] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=light] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=light] .property>.property-title>.tools>*{-webkit-box-flex:0;flex:none}.csseditor[data-theme=light] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=light] .property>.property-body{display:none;padding:0px;background-color:#fff}.csseditor[data-theme=light] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=light] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #e2e2e2}.csseditor[data-theme=light] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=light] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=light] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=light] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=light] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=light] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=light] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #e2e2e2}.csseditor[data-theme=light] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=light] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=light] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=light] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#e2e2e2}.csseditor[data-theme=light] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=light] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=light] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=light] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=light] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=light] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=light] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-image-item .tools{line-height:2}.csseditor[data-theme=light] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=light] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=light] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=light] .content-item textarea{width:100%;height:100px;border:1px solid #e2e2e2;border-radius:3px}.csseditor[data-theme=light] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=light] .transition-list .transition-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=light] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#e2e2e2}.csseditor[data-theme=light] .transition-list .transition-item .labels label small{color:#616161}.csseditor[data-theme=light] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=light] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=light] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=light] .animation-list .animation-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=light] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .animation-list .animation-item .labels label{background-color:#e2e2e2;padding:1px 2px;border-radius:2px;color:#e2e2e2;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=light] .animation-list .animation-item .labels label small{color:#616161;text-transform:lowercase}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#616161}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item{border:1px solid #e2e2e2;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=light] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=light] .keyframe-list .keyframe-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=light] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#484848;padding-left:10px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=light] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=light] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=light] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #e2e2e2;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=light] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#4778d4;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=light] .code-view-item>div pre strong{color:#4778d4}.csseditor[data-theme=light] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .clip-path-list .clippath-item.selected,.csseditor[data-theme=light] .clip-path-list .clippath-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=light] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=light] .selector-list .selector-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=light] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .project-list{margin:0px !important}.csseditor[data-theme=light] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=light] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=light] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=light] .project-list .project-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .artboard-list .artboard-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=light] .artboard-list .artboard-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .layer-list .layer-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=light] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg polygon{stroke:#000}.csseditor[data-theme=light] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=light] .layer-list+.drag-point{position:absolute;border:1px solid #4778d4;pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=light] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #5c87d9;color:#616161;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=light] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #e2e2e2;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=light] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=light] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#4778d4 !important}.csseditor[data-theme=light] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=light] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=light] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item{color:#000;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=light] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=light] .project-info input,.csseditor[data-theme=light] .project-info textarea{width:100%}.csseditor[data-theme=light] .project-info .input input{height:24px}.csseditor[data-theme=light] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=light] .artboard-size-list .artboard-size-item{border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .artboard-size-list .category{height:26px;border-bottom:1px solid #e2e2e2;line-height:2}.csseditor[data-theme=light] .artboard-size-list .category .title{color:#616161;pointer-events:none;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .group-item{background-color:#e2e2e2;height:24px;border-bottom:1px solid #e2e2e2;line-height:1.8}.csseditor[data-theme=light] .artboard-size-list .group-item .title{color:#616161;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #e2e2e2;line-height:2.3}.csseditor[data-theme=light] .artboard-size-list .device-item .title{color:#616161;pointer-events:none;padding-left:20px}.csseditor[data-theme=light] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=light] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=light] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=light] .export-item label{vertical-align:middle}.csseditor[data-theme=light] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=light] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .library-items{padding:10px}.csseditor[data-theme=light] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=light] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=light] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .library-items .group.path .list .path-item:hover{background-color:#609de2}.csseditor[data-theme=light] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=light] .shape-inside-list .shapeinside-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .component-items{padding:10px 10px}.csseditor[data-theme=light] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#4778d4}.csseditor[data-theme=light] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=light] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=light] .component-items .group .list .menu-item:hover{background-color:#7096de;color:#fff}.csseditor[data-theme=light] .component-items .group .list .menu-item.selected{color:#4778d4}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=light] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(97,97,97,.1);color:#616161}.csseditor[data-theme=light] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=light] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=light] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=light] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=light] .shortcut-items{padding:10px}.csseditor[data-theme=light] .shortcut-items .shortcut-item{border:1px solid #4778d4;margin-bottom:10px;border-radius:4px;background-color:#e2e2e2;padding:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=light] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#cfcfcf}.csseditor[data-theme=light] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .video-property .volume-control span[data-value]{display:none;color:#616161;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=light] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=light] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #e2e2e2;background-color:#fff}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#4778d4;border:1px solid #4778d4}.csseditor[data-theme=light] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=light] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=light] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(71,120,212,.1)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=light] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#616161}.csseditor[data-theme=light] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=light] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=light] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#d8d8d8}.csseditor[data-theme=light] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=light] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=light] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=light] .color-single-editor .preview{height:100%}.csseditor[data-theme=light] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .range-editor.has-label.block{display:block}.csseditor[data-theme=light] .range-editor.has-label.block label{display:block;color:#616161}.csseditor[data-theme=light] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=light] .range-editor .remove{display:none}.csseditor[data-theme=light] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=light] .range-editor .range-editor-type .area.focused{border:1px solid #4778d4;border-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .range-editor .range-editor-type .area input,.csseditor[data-theme=light] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;text-align:left;background-color:#fff;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#fff;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .number-range-editor .remove{display:none}.csseditor[data-theme=light] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=light] .input-range-editor.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=light] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .input-range-editor .type-button,.csseditor[data-theme=light] .input-range-editor .remove{display:none}.csseditor[data-theme=light] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=light] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=light] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=light] .text-editor input[type=text]{border:1px solid #e2e2e2}.csseditor[data-theme=light] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=light] .select-editor select{font-size:11px}.csseditor[data-theme=light] .select-editor select:focus-within{border:1px solid #4778d4}.csseditor[data-theme=light] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=light] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=light] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=light] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=light] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=light] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=light] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=light] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=light] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#4778d4;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=light] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=light] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .background-image-editor .label.hide{display:none}.csseditor[data-theme=light] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .pattern{background-color:#e2e2e2;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #4778d4;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .label.hide{display:none}.csseditor[data-theme=light] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#616161;border-radius:3px;margin:3px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#616161;vertical-align:middle;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=light] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .filter-editor .label.hide{display:none}.csseditor[data-theme=light] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#151515}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{color:#fff}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#4778d4}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .text-shadow-editor .label{height:20px}.csseditor[data-theme=light] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=light] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=light] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .var-editor .label.hide{display:none}.csseditor[data-theme=light] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=light] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=light] .var-editor .var-item>div input::-webkit-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .gradient-editor{position:relative}.csseditor[data-theme=light] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=light] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .gradient-editor .hue-container,.csseditor[data-theme=light] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=light] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#4778d4}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=light] .svg-filter-editor{color:#616161;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#4778d4;font-size:11px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=light] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #4778d4;position:relative;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#4778d4;stroke-width:1;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#4778d4;r:4;stroke:rgba(71,120,212,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#4778d4;stroke:rgba(71,120,212,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#fff;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#616161;height:12px;width:12px;border-radius:100%;background-color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #4778d4}.csseditor[data-theme=light] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=light] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#4778d4;border-radius:3px;margin:5px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=light] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=light] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=light] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=light] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected{background-color:#4778d4}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=light] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=light] .list-view-editor .list-view-item svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item svg rect{fill:#616161}.csseditor[data-theme=light] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=light] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=light] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=light] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=light] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=light] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:silver;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:-webkit-box;display:flex}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item{-webkit-box-flex:1;flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=light] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=light] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=light] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=light] .path-data-editor .segment .command{color:#4778d4;cursor:pointer}.csseditor[data-theme=light] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=light] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=light] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=light] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=light] .polygon-data-editor .segment .values label{color:#4778d4}.csseditor[data-theme=light] .polygon-data-editor .segment .values input{color:#616161;width:80px}.csseditor[data-theme=light] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=light] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .background-position-editor .preview{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=light] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=light] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=light] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=light] .fill-single-editor .colors .color{border:1px solid #616161;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=light] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=light] .fill-editor{position:relative}.csseditor[data-theme=light] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=light] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .fill-editor .hue-container,.csseditor[data-theme=light] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=light] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=light] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .func-filter-editor.focused{box-shadow:0 0 0 1px #4778d4;border-radius:3px}.csseditor[data-theme=light] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=light] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=light] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=light] .color-matrix-editor .title{padding:5px 0px;color:#4778d4}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(226,226,226,.5)}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#4778d4}.csseditor[data-theme=light] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=light] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .pattern-editor .label.hide{display:none}.csseditor[data-theme=light] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#4778d4}.csseditor[data-theme=light] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=light] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=light] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=light] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#4778d4}.csseditor[data-theme=light] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#4778d4;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=light] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=light] .popup{position:absolute;display:none;z-index:1000;background-color:#f6f6f6;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#616161}.csseditor[data-theme=light] .popup.compact{padding:0px}.csseditor[data-theme=light] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=light] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=light] .popup .popup-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=light] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=light] .popup .popup-title label{cursor:move}.csseditor[data-theme=light] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=light] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=light] .popup.background-property-popup{width:224px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=light] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#e2e2e2;font-weight:bold}.csseditor[data-theme=light] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e2e2;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#e2e2e2;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=light] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=light] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=light] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6;border-color:#f6f6f6}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;margin-bottom:2px;height:204px;position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2)),-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2));background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=light] .popup .animation-property-popup{width:220px}.csseditor[data-theme=light] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup{width:220px}.csseditor[data-theme=light] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;height:202px;position:relative;margin-bottom:10px;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2)),-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2));background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .keyframe-popup{width:250px}.csseditor[data-theme=light] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#616161;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box input,.csseditor[data-theme=light] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=light] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=light] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#4778d4;z-index:0}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #e2e2e2}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box label input,.csseditor[data-theme=light] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box input,.csseditor[data-theme=light] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.csseditor[data-theme=light] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=light] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=light] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(97,97,97,.5)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=light] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#4778d4;box-shadow:0 0 2px 2px #4778d4}.csseditor[data-theme=light] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:#fff}.csseditor[data-theme=light] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000;background-color:#fff;border:1px solid #e2e2e2;box-shadow:0 0 1px 0px #e2e2e2;padding:14px;color:#616161}.csseditor[data-theme=light] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=light] .window-background .window .window-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=light] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=light] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=light] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=light] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=light] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=light] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=light] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=light] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=light] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=light] .path-editor-view .path-container.modify,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=light] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.box svg path.object{stroke:#e2e2e2}.csseditor[data-theme=light] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;-webkit-transform:none;transform:none;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=light] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg line[data-distance=true]{stroke:#4778d4;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=light] .path-editor-view svg circle.curve{stroke:#b7b7b7}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-first=true]{stroke:#4778d4;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-second=true]{stroke:#050b17;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-selected=true]{fill:#4778d4;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=light] .path-editor-view svg circle.split-circle{fill:#4778d4;stroke:#fff;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#609de2;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=light] .path-editor-view svg path.guide{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.segment{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#4778d4}.csseditor[data-theme=light] .path-editor-view svg path.snap-path{fill:transparent;stroke:#4778d4;stroke-width:.5}.csseditor[data-theme=light] .path-editor-view svg text{fill:#4778d4;stroke:#4778d4;stroke-width:.5;pointer-events:none}.csseditor[data-theme=light] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=light] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=light] .animation-selector .timeline-object.selected{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#4778d4}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .title{color:#616161}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=light] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=light] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=light] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=light] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:-webkit-box;display:flex}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #e2e2e2;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#435cb5;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=light] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#616161;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);vertical-align:middle;cursor:pointer;-webkit-transform:translateX(-4px) translateY(0px) rotate(45deg);transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(71,120,212,.5);background-color:#4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #e2e2e2;position:relative}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;background-color:rgba(226,226,226,.5);display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#4778d4;-webkit-transform:translateY(-52%);transform:translateY(-52%)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=light] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=light] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=light] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#616161}.csseditor[data-theme=light] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=light] .timeline-play-control .row{display:-webkit-box;display:flex}.csseditor[data-theme=light] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=light] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=light] .timeline-play-control button.play{color:#4778d4}.csseditor[data-theme=light] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .direction-buttons{display:-webkit-box;display:flex;padding-top:2px}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=light] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=light] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=light] .status-bar{-webkit-box-flex:0;flex:none;height:30px;overflow:hidden;position:relative;background-color:#609de2;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=light] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=light] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=light] .status-bar .tool-view>div{display:inline-block;background-color:#4653f6;border-radius:3px;min-width:50px}.csseditor[data-theme=light] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=light] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=light] .feature-control.object-list{position:relative;border-right:1px solid #e2e2e2;box-sizing:border-box;height:100%}.csseditor[data-theme=light] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=light] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=light] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=light] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=light] .feature-control .layer-tab .assets .property{height:auto}
diff --git a/docs/index.html b/docs/index.html
index ffdc4297f..a8ad9de31 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-<!doctype html> <html> <head> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-139740394-1"></script> <link rel=icon href=icon.png sizes=128x128> <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-139740394-1")</script> <script>!function(e,n,a,t){e.dmndata=[],e.jenniferFront=function(e){window.dmndata.push(e)},e.dmnaid=t,e.dmnatime=new Date,e.dmnanocookie=!1,e.dmnajennifer="JENNIFER_FRONT@INTG";var d=6e4*Math.floor((new Date).getTime()/6e4),c=n.createElement(a);c.src="https://d-collect.jennifersoft.com/"+t+"/demian.js?"+d,c.async=!0,n.getElementsByTagName(a)[0].parentNode.appendChild(c)}(window,document,"script","cc474308-b29c-af41-7393-409d285dca6e")</script> <meta charset=utf-8 /> <title>Fantastic Web Design Tool</title> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"/> <meta name=description content="You can make simply web with Web editor. "/> <meta name=keywords content=html5,css,svg,editor> <meta name=author content=easylogic> <meta property=og:title content="Fantastic Web Design Tool"/> <meta property=og:type content=website /> <meta property=og:description content="You can make simply web with Web editor. "/> <meta property=og:url content=https://www.easylogic.studio /> <meta property=og:image content=https://www.easylogic.studio/images/editor.png /> <meta property=twitter:card content=summary_large_image> <meta property=twitter:url content=https://www.easylogic.studio> <meta property=twitter:title content="Fantastic Web Design Tool"> <meta property=twitter:description content="You can make simply web with Web editor. "> <meta property=twitter:image content=https://www.easylogic.studio/images/editor.png> <meta name="apple-mobile-web-app-title" content="EasyLogic Studio" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><link rel="manifest" href="manifest.d340e7a054029504e2ef48b504944d74.json" crossorigin="use-credentials" /><link href="main.d6a4e3d003f1043a3454.css" rel="stylesheet"></head> <body><script type="text/javascript" src="main.974fb8fd649466426b31.js"></script></body> </html> 
\ No newline at end of file
+<!doctype html> <html> <head> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-139740394-1"></script> <link rel=icon href=icon.png sizes=128x128> <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-139740394-1")</script> <script>!function(e,n,a,t){e.dmndata=[],e.jenniferFront=function(e){window.dmndata.push(e)},e.dmnaid=t,e.dmnatime=new Date,e.dmnanocookie=!1,e.dmnajennifer="JENNIFER_FRONT@INTG";var d=6e4*Math.floor((new Date).getTime()/6e4),c=n.createElement(a);c.src="https://d-collect.jennifersoft.com/"+t+"/demian.js?"+d,c.async=!0,n.getElementsByTagName(a)[0].parentNode.appendChild(c)}(window,document,"script","cc474308-b29c-af41-7393-409d285dca6e")</script> <meta charset=utf-8 /> <title>Fantastic Web Design Tool</title> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"/> <meta name=description content="You can make simply web with Web editor. "/> <meta name=keywords content=html5,css,svg,editor> <meta name=author content=easylogic> <meta property=og:title content="Fantastic Web Design Tool"/> <meta property=og:type content=website /> <meta property=og:description content="You can make simply web with Web editor. "/> <meta property=og:url content=https://www.easylogic.studio /> <meta property=og:image content=https://www.easylogic.studio/images/editor.png /> <meta property=twitter:card content=summary_large_image> <meta property=twitter:url content=https://www.easylogic.studio> <meta property=twitter:title content="Fantastic Web Design Tool"> <meta property=twitter:description content="You can make simply web with Web editor. "> <meta property=twitter:image content=https://www.easylogic.studio/images/editor.png> <meta name="apple-mobile-web-app-title" content="EasyLogic Studio" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><link rel="manifest" href="manifest.d340e7a054029504e2ef48b504944d74.json" crossorigin="use-credentials" /><link href="main.8c0195ad23a4420a0e1b.css" rel="stylesheet"></head> <body><script type="text/javascript" src="main.f33b9b0c0864bd1cdb36.js"></script></body> </html> 
\ No newline at end of file
diff --git a/docs/main.8c0195ad23a4420a0e1b.css b/docs/main.8c0195ad23a4420a0e1b.css
new file mode 100644
index 000000000..1d8fea808
--- /dev/null
+++ b/docs/main.8c0195ad23a4420a0e1b.css
@@ -0,0 +1,26 @@
+
+/* 
+ * MIT License
+ * 
+ * Copyright (c) 2019 jinho park (cyberuls@gmail.com, easylogic)
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+.colorpicker{position:relative;width:224px;z-index:1000;display:inline-block;border:1px solid rgba(0,0,0,.2);background-color:#fff;border-radius:3px;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker>.arrow{position:absolute;top:-10px;left:7px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;display:none;border-bottom:10px solid rgba(0,0,0,.2);pointer-events:none}.colorpicker>.arrow:after{position:absolute;content:"";top:1px;left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.colorpicker .colorpicker-body .arrow-button{position:relative;width:10px;height:12px;padding:0px}.colorpicker .colorpicker-body .arrow-button:before{content:"";display:inline-block;position:absolute;left:0px;right:0px;top:0px;height:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .arrow-button:after{content:"";display:inline-block;position:absolute;left:0px;right:0px;bottom:0px;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .color-tab{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:350px;box-sizing:border-box;border:1px solid #ececec}.colorpicker .colorpicker-body .color-tab.xd{height:200px}.colorpicker .colorpicker-body .color-tab .color-tab-header{-webkit-box-flex:0;flex:none;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;height:20px}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item{-webkit-box-flex:1;flex:1 1 auto;cursor:pointer;background-color:#ececec;text-align:center;height:100%;padding:4px 10px;box-sizing:border-box}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item.active{background-color:#fff;border-bottom-color:#fff}.colorpicker .colorpicker-body .color-tab .color-tab-body{-webkit-box-flex:1;flex:1 1 auto;position:relative}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content{display:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content.active{display:block}.colorpicker .colorpicker-body .color-panel{position:relative;height:120px;overflow:hidden;cursor:pointer}.colorpicker .colorpicker-body .color-panel>.saturation{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{position:absolute;width:10px;height:10px;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.colorpicker .colorpicker-body .color-panel>.saturation{background-color:rgba(204,154,129,0);background-image:-webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(204, 154, 129, 0)));background-image:linear-gradient(to right, #FFF, rgba(204, 154, 129, 0));background-repeat:repeat-x}.colorpicker .colorpicker-body .color-panel>.saturation>.value{background-image:-webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(204, 154, 129, 0)));background-image:linear-gradient(to top, #000000, rgba(204, 154, 129, 0))}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.colorpicker .colorpicker-body .control{position:relative;padding:10px 0px 10px 0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker .colorpicker-body .control>.color,.colorpicker .colorpicker-body .control>.empty{position:absolute;left:12px;top:14px;width:30px;height:30px;border-radius:50%;box-sizing:border-box}.colorpicker .colorpicker-body .control>.color{border:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .control>.hue{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.hue>.hue-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control>.opacity{position:relative;padding:3px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{position:absolute;cursor:pointer;top:50%;left:0px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker .colorpicker-body .control>.hue>.hue-container{background:-webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control>.opacity>.opacity-container>.color-bar{position:absolute;display:block;content:"";left:0px;right:0px;bottom:0px;top:0px}.colorpicker .colorpicker-body .control>.empty{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{border:1px solid rgba(0,0,0,.05);box-shadow:2px 2px 2px 0px rgba(0,0,0,.2);background-color:#fefefe}.colorpicker .colorpicker-body .information{position:relative;box-sizing:border-box}.colorpicker .colorpicker-body .information>input{position:absolute;font-size:10px;height:20px;bottom:20px;padding:0 0 0 2px;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.colorpicker .colorpicker-body .information>input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information.hex>.information-item.hex{display:-webkit-box;display:flex}.colorpicker .colorpicker-body .information.rgb>.information-item.rgb{display:-webkit-box;display:flex}.colorpicker .colorpicker-body .information.hsl>.information-item.hsl{display:-webkit-box;display:flex}.colorpicker .colorpicker-body .information>.information-item{display:none;position:relative;padding:0px 5px;padding-left:9px;box-sizing:border-box;margin-right:40px}.colorpicker .colorpicker-body .information>.information-item>.input-field{display:block;-webkit-box-flex:1;flex:1;padding:3px 1px;box-sizing:border-box;position:relative}.colorpicker .colorpicker-body .information>.information-item>.input-field>.title{text-align:center;font-size:12px;color:#a9a9a9;padding-top:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input{text-align:center;width:100%;padding:3px;height:21px;font-size:11px;color:#333;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #cbcbcb;border-radius:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-l input[type=number],.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-s input[type=number]{padding-left:1px;padding-right:10px}.colorpicker .colorpicker-body .information>.information-item>.input-field .postfix{display:inline-block;position:absolute;right:1px;top:2px;height:21px;line-height:2;padding:2px;box-sizing:border-box;text-align:center;font-size:11px}.colorpicker .colorpicker-body .information>.information-change{position:absolute;display:block;width:40px;top:0px;right:0px;bottom:0px;text-align:center;box-sizing:border-box;padding-top:5px}.colorpicker .colorpicker-body .information>.information-change>.format-change-button{box-sizing:border-box;background:transparent;border:0px;cursor:pointer;outline:none}.colorpicker .colorpicker-body .information>.title{color:#a3a3a3}.colorpicker .colorpicker-body .information>.input{color:#333}.colorpicker .colorpicker-body .colorsets{border-top:1px solid #e2e2e2}.colorpicker .colorpicker-body .colorsets>.menu{float:right;padding:10px 5px;padding-right:15px}.colorpicker .colorpicker-body .colorsets>.menu button{border:0px;font-size:14px;font-weight:300;font-family:serif,sans-serif;outline:none;cursor:pointer}.colorpicker .colorpicker-body .colorsets>.color-list{margin-right:30px;display:block;padding:10px 0px 0px 10px;box-sizing:border-box;line-height:0}.colorpicker .colorpicker-body .colorsets>.color-list .color-item{width:13px;height:13px;border-radius:2px;display:inline-block;margin-right:12px;margin-bottom:12px;position:relative;background-size:contain;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .colorsets>.color-list .color-item:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .empty{position:absolute;left:0px;top:0px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .color-view{position:absolute;left:0px;top:0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.colorpicker .colorpicker-body .colorsets>.color-list .add-color-item{width:13px;height:13px;display:inline-block;margin-right:12px;margin-bottom:12px;cursor:pointer;line-height:1;text-align:center;font-size:16px;font-weight:400;font-family:serif,sans-serif;color:#8e8e8e;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser{position:absolute;left:0px;right:0px;bottom:0px;top:0px;opacity:0;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .05s ease-out;transition:opacity .05s ease-out;pointer-events:none}.colorpicker .colorpicker-body .color-chooser.open{opacity:1;pointer-events:all}.colorpicker .colorpicker-body .color-chooser .color-chooser-container{position:absolute;top:120px;left:0px;right:0px;bottom:0px;background-color:#fff}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{position:absolute;top:0px;left:0px;right:0px;height:34px;display:-webkit-box;display:flex;padding:3px 0px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.2)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .title{-webkit-box-flex:2;flex:2;font-weight:bold;font-size:15px;box-sizing:border-box;margin-right:30px;vertical-align:middle;margin:0px;padding:5px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .items{-webkit-box-flex:1;flex:1;text-align:right;padding-right:10px;display:block;height:100%;line-height:2;cursor:pointer}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{position:absolute;top:34px;left:0px;right:0px;bottom:0px;overflow:auto}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item{cursor:pointer;display:-webkit-box;display:flex;padding:3px 0px;border-bottom:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item:hover{background-color:rgba(0,0,0,.05)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .title{-webkit-box-flex:2;flex:2;font-size:14px;box-sizing:border-box;margin-right:30px;vertical-align:middle;pointer-events:none;margin:0px;padding:5px;padding-left:14px;font-weight:normal;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items{-webkit-box-flex:3;flex:3;display:block;height:100%;line-height:1.6;cursor:pointer;pointer-events:none}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item{width:13px;height:13px;border-radius:3px;display:inline-block;margin-right:10px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;background-size:contain;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item .color-view{width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker.sketch{border-radius:5px}.colorpicker.sketch>.colorpicker-body .color-panel{margin:10px 10px 2px 10px;box-sizing:border-box;height:150px}.colorpicker.sketch>.colorpicker-body>.control{padding:0px}.colorpicker.sketch>.colorpicker-body>.control>.color,.colorpicker.sketch>.colorpicker-body>.control>.empty{position:absolute;right:10px;left:auto;top:1px;width:26px;height:26px;border-radius:2px;box-sizing:border-box}.colorpicker.sketch>.colorpicker-body>.control>.color{box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,.5)}.colorpicker.sketch>.colorpicker-body>.control>.hue{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.hue>.hue-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity>.opacity-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control .drag-bar,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2{border-radius:0px;top:50%;left:0px;width:2px;height:80%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:1px;bottom:1px !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.first,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.first{left:0px;-webkit-transform:translateX(50%) translateY(-50%) !important;transform:translateX(50%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.last,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.last{-webkit-transform:translateX(-150%) translateY(-50%) !important;transform:translateX(-150%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.information .information-change{display:none}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.rgb{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hex{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.rgb{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.hsl{display:inherit}.colorpicker.sketch>.colorpicker-body>.information .information-item{display:-webkit-inline-box !important;display:inline-flex !important;margin-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title{color:#000;font-size:11px;cursor:pointer}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title:hover{font-weight:bold}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field:last-child:not(:first-child){padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hex{width:70px;padding-right:0px;padding-left:5px}.colorpicker.sketch>.colorpicker-body>.information .information-item.rgb{width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hsl{display:none;width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.colorsets>.menu{display:none}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list{margin-right:0px;padding-right:12px}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list .color-item{width:16px;height:16px;border-radius:3px;margin-right:9px;margin-bottom:10px}.colorpicker.palette{border-radius:3px;box-shadow:none}.colorpicker.palette>.colorpicker-body .color-panel{display:none}.colorpicker.palette>.colorpicker-body>.control{display:none}.colorpicker.palette>.colorpicker-body>.information{display:none}.colorpicker.palette>.colorpicker-body>.colorsets{box-sizing:border-box;border-top:0px}.colorpicker.palette>.colorpicker-body>.colorsets>.color-list .color-item{width:15px;height:15px;margin-right:10px;margin-bottom:10px}.colorpicker.palette>.colorpicker-body>.color-chooser{display:none;box-sizing:border-box}.colorpicker.palette>.colorpicker-body>.color-chooser.open{display:block;top:-1px;left:-1px;right:-1px;bottom:auto;border-radius:3px;border:1px solid #d8d8d8;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;background-color:#fff;box-sizing:border-box;border-radius:2px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-item-header{position:relative;left:auto;top:auto;right:auto;bottom:auto;border-top-left-radius:3px;border-top-right-radius:3px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list{position:relative;top:auto;left:auto;right:auto;bottom:auto;overflow:auto}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list .colorsets-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.colorpicker.macos .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.macos .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.macos .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.macos .control{padding-top:0px}.colorpicker.macos .control>.color,.colorpicker.macos .control>.empty{top:4px}.colorpicker.macos .value{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker.macos .value>.value-container{position:relative;width:100%;height:10px;border-radius:3px;background-image:-webkit-gradient(linear, left top, right top, from(#000000), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);box-sizing:border-box}.colorpicker.macos .value>.value-container .drag-bar{position:absolute;cursor:pointer;top:50%;left:0px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker.mini{width:180px;display:inline-block}.colorpicker.mini .control{padding:0px}.colorpicker.mini .control .hue,.colorpicker.mini .control .opacity{margin:0px;padding:0px}.colorpicker.mini .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .drag-bar,.colorpicker.mini .control .drag-bar2{border:0px;background-color:transparent;height:100%;width:5px;box-sizing:border-box;box-shadow:none}.colorpicker.mini .control .drag-bar.last:before,.colorpicker.mini .control .drag-bar.lastafter,.colorpicker.mini .control .drag-bar2.last:before,.colorpicker.mini .control .drag-bar2.lastafter{left:1px}.colorpicker.mini .control .drag-bar.first:before,.colorpicker.mini .control .drag-bar.first:after,.colorpicker.mini .control .drag-bar2.first:before,.colorpicker.mini .control .drag-bar2.first:after{left:3px}.colorpicker.mini .control .drag-bar:before,.colorpicker.mini .control .drag-bar2:before{content:"";position:absolute;left:2px;top:0px;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}.colorpicker.mini .control .drag-bar:after,.colorpicker.mini .control .drag-bar2:after{content:"";position:absolute;left:2px;bottom:0px;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000}.colorpicker.mini-vertical{width:180px;display:inline-block}.colorpicker.mini-vertical .color-panel{display:inline-block;width:140px;height:160px;vertical-align:middle}.colorpicker.mini-vertical .control{height:160px;padding:0px;vertical-align:middle;display:inline-block}.colorpicker.mini-vertical .control .hue,.colorpicker.mini-vertical .control .opacity{margin:0px;padding:0px;width:20px;display:inline-block;vertical-align:middle;height:100%;position:relative}.colorpicker.mini-vertical .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.mini-vertical .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%;width:20px}.colorpicker.mini-vertical .control .drag-bar,.colorpicker.mini-vertical .control .drag-bar2{border:0px;background-color:transparent;height:2px;width:100%;box-sizing:border-box;box-shadow:none;-webkit-transform:none;transform:none}.colorpicker.mini-vertical .control .drag-bar.last:before,.colorpicker.mini-vertical .control .drag-bar.last:after,.colorpicker.mini-vertical .control .drag-bar2.last:before,.colorpicker.mini-vertical .control .drag-bar2.last:after{top:2px}.colorpicker.mini-vertical .control .drag-bar.first:before,.colorpicker.mini-vertical .control .drag-bar.first:after,.colorpicker.mini-vertical .control .drag-bar2.first:before,.colorpicker.mini-vertical .control .drag-bar2.first:after{top:-1px}.colorpicker.mini-vertical .control .drag-bar:before,.colorpicker.mini-vertical .control .drag-bar2:before{content:"";position:absolute;left:0px;top:2px;width:0;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000}.colorpicker.mini-vertical .control .drag-bar:after,.colorpicker.mini-vertical .control .drag-bar2:after{content:"";position:absolute;top:2px;right:0px;width:0;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000}.colorpicker.ring .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.ring .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring .control{padding-top:0px}.colorpicker.ring .control .value{display:none}.colorpicker.ring .control>.color,.colorpicker.ring .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.ring-tab .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring-tab .colorpicker-body .wheel{width:224px;height:224px;margin:0 auto;position:relative;box-sizing:border-box}.colorpicker.ring-tab .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring-tab .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring-tab .colorpicker-body .color-chooser{opacity:1;pointer-events:all}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .color-item{-webkit-transform:scale(1.2);transform:scale(1.2)}.colorpicker.ring-tab .colorpicker-body .colorsets{border-top:0px}.colorpicker.ring-tab .colorpicker-body .colorsets .menu{display:none}.colorpicker.ring-tab .colorpicker-body .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.ring-tab .control{padding-top:0px}.colorpicker.ring-tab .control .value{display:none}.colorpicker.ring-tab .control>.color,.colorpicker.ring-tab .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.xd{display:inline-block;padding-top:12px;width:245px}.colorpicker.xd .color-panel{display:inline-block;margin-left:6px;margin-bottom:12px;width:170px;height:170px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd .control{height:170px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-bottom:12px}.colorpicker.xd .control .hue,.colorpicker.xd .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd .control .drag-bar,.colorpicker.xd .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;-webkit-transform:none;transform:none;overflow:hidden;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.colorpicker.xd .information{margin-top:5px}.colorpicker.xd-tab .color-panel{display:inline-block;margin-top:10px;margin-left:6px;width:170px;height:120px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd-tab .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd-tab .control{height:120px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-top:10px}.colorpicker.xd-tab .control .hue,.colorpicker.xd-tab .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd-tab .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd-tab .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd-tab .control .drag-bar,.colorpicker.xd-tab .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;-webkit-transform:none;transform:none;overflow:hidden;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.colorpicker.xd-tab .color-chooser{opacity:1;pointer-events:all}.colorpicker.xd-tab .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list .color-item{-webkit-transform:scale(1.2);transform:scale(1.2)}.colorpicker.xd-tab .colorsets{border-top:0px}.colorpicker.xd-tab .colorsets .menu{display:none}.colorpicker.xd-tab .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.xd-tab .information{margin-top:5px}.colorsets-contextmenu{position:fixed;padding-top:4px;padding-bottom:4px;border-radius:6px;background-color:#ececec;border:1px solid #ccc;display:none;list-style:none;font-size:13px;padding-left:0px;padding-right:0px}.colorsets-contextmenu.show{display:inline-block}.colorsets-contextmenu .menu-item{padding:2px 20px;cursor:default}.colorsets-contextmenu .menu-item:hover{background-color:#5ea3fb;color:#fff}.colorsets-contextmenu.small .menu-item.small-hide{display:none}html,body{font-size:13px;padding:0px;margin:0px;overflow:hidden;box-sizing:border-box;font-family:sans-serif}*,*:before,*:after{box-sizing:border-box}body.ua-window .scrollbar::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}body.ua-window .scrollbar::-webkit-scrollbar-thumb{background:#000}.csseditor{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;left:0px;top:0px}.csseditor[data-theme=dark] input[type=text],.csseditor[data-theme=dark] input[type=number],.csseditor[data-theme=dark] input[type=email],.csseditor[data-theme=dark] textarea{background-color:#2b2b2b;border:1px solid #2b2b2b;color:#ececec;outline:none}.csseditor[data-theme=dark] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#2b2b2b;border:1px solid #1f2024;border-radius:0px;color:#fff;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=dark] button{border-width:0px;color:#fff;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=dark] button svg{width:100%;height:100%}.csseditor[data-theme=dark] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#1f2024;opacity:0;pointer-events:none}.csseditor[data-theme=dark] .add-image-button{display:none}.csseditor[data-theme=dark] .icon svg,.csseditor[data-theme=dark] button svg,.csseditor[data-theme=dark] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .icon svg path,.csseditor[data-theme=dark] button svg path,.csseditor[data-theme=dark] label svg path{fill:currentColor}.csseditor[data-theme=dark] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .layout-main marker path{fill:#313131}.csseditor[data-theme=dark] .layout-main .layout-top{display:block;-webkit-box-flex:1;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=dark] .layout-main .layout-middle{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#111;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #313131;background-color:#1f2024;-webkit-transition:all .05s linear;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#111;padding:2px 0px}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:auto;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=dark] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=dark] input[type=range]:focus{outline:none}.csseditor[data-theme=dark] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-thumb{height:10px;width:10px;border-radius:100%;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.8);margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-webkit-slider-runnable-track{background:#616161}.csseditor[data-theme=dark] input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=dark] input[type=range]::-moz-range-thumb{border:1px solid #000;height:10px;width:10px;border-radius:9px;border-radius:5px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#616161}.csseditor[data-theme=dark] input[type=range]::-ms-fill-lower{background:#fff;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=dark] input[type=range]::-ms-fill-upper{background:#fff;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=dark] input[type=range]::-ms-thumb{height:10px;width:10px;border-radius:9px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-lower{background:#fff}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-upper{background:#fff}.csseditor[data-theme=dark] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#111;color:#fff}.csseditor[data-theme=dark] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=dark] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border-right:1px solid #313131}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{-webkit-box-flex:0;flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;-webkit-box-flex:0;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#fc554f;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{-webkit-box-flex:1;flex:1 1 auto;overflow:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .tab.number-tab .tab-header{cursor:pointer;background-color:#111;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=dark] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=dark] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=dark] .tab.number-tab>.tab-header.full{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#fc554f;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{color:#fc554f}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=dark] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:-webkit-box;display:flex}.csseditor[data-theme=dark] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item{-webkit-box-flex:1;flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.selected{color:#fff}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(52,53,58,.5);color:#000}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#111}.csseditor[data-theme=dark] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=dark] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected.flex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .fixed{-webkit-box-flex:0;flex:none}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#1f2024;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=dark] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=dark] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=dark] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .logo .site{font-size:14px;color:#313131}.csseditor[data-theme=dark] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=dark] .tool-menu,.csseditor[data-theme=dark] .preview-tool-menu{color:#fff}.csseditor[data-theme=dark] .tool-menu.center,.csseditor[data-theme=dark] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=dark] .tool-menu .items,.csseditor[data-theme=dark] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .empty,.csseditor[data-theme=dark] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=dark] .tool-menu .items .draw-items>*,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=dark] .tool-menu .items .draw-items .divider,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #616161;height:20px;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#fff;padding:5px;text-align:center}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#fff;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=dark] .tool-menu .items.flex-2,.csseditor[data-theme=dark] .preview-tool-menu .items.flex-2{-webkit-box-flex:5;flex:5}.csseditor[data-theme=dark] .tool-menu .items.left,.csseditor[data-theme=dark] .preview-tool-menu .items.left{-webkit-box-flex:0;flex:none;width:300px;text-align:left}.csseditor[data-theme=dark] .tool-menu .items form,.csseditor[data-theme=dark] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items button,.csseditor[data-theme=dark] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=dark] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=dark] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .tool-menu .items .title,.csseditor[data-theme=dark] .preview-tool-menu .items .title{font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tool-menu .items .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#fff}.csseditor[data-theme=dark] .tool-menu .items .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .tool-menu .items .icon.export,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .tool-menu .items .icon.github,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=dark] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=dark] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#919191}.csseditor[data-theme=dark] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=dark] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=dark] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=dark] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #313131;color:#fff;background-color:#1f2024}.csseditor[data-theme=dark] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=dark] .page-tools button{border-radius:3px}.csseditor[data-theme=dark] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(252,85,79,.5)}.csseditor[data-theme=dark] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=dark] .path-manager .text{display:inline-block}.csseditor[data-theme=dark] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flipY]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flip]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.csseditor[data-theme=dark] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=dark] .path-manager .tools button svg path{stroke-width:1;stroke:#1f2024}.csseditor[data-theme=dark] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .path-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:5px 5px}.csseditor[data-theme=dark] .draw-manager .text{display:inline-block}.csseditor[data-theme=dark] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=dark] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(252,85,79,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=dark] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fc554f;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction:hover{border-color:#e10c04}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #fc554f;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;-webkit-perspective:1000px;perspective:1000px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #fff;border-radius:0px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{-webkit-transform:rotateX(89deg) translateZ(0px);transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{-webkit-transform:rotateY(89deg) translateZ(0px);transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-x{-webkit-transform:rotateX(90deg) translateZ(0px);transform:rotateX(90deg) translateZ(0px);border:5px solid #6868f7}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-y{-webkit-transform:rotateY(90deg) translateZ(0px);transform:rotateY(90deg) translateZ(0px);border:5px solid #70c570}.csseditor[data-theme=dark] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=dark] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .canvas-view{position:absolute;-webkit-transform-origin:left top;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=dark] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=dark] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=dark] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=dark] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#dedede;display:inline-block}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=dark] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .selection-view.empty>*{display:none}.csseditor[data-theme=dark] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="1"]{background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="2"]{background-color:rgba(49,49,49,.6)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="3"]{background-color:rgba(49,49,49,.8)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="4"]{background-color:rgba(49,49,49,.9)}.csseditor[data-theme=dark] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=dark] .selection-tool.editing-path,.csseditor[data-theme=dark] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=dark] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #313131;opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#fc554f;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#313131;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);cursor:move;background-color:#fc554f;border:1px solid #e10c04;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;-webkit-transform:translate(-100%, calc(-100% - 5px));transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;-webkit-transform:none;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;-webkit-transform:translate(0.5px, 0.5px);transform:translate(0.5px, 0.5px)}.csseditor[data-theme=dark] .guide-line-view line{stroke-width:1}.csseditor[data-theme=dark] .guide-line-view line.base-line{stroke:#fc554f}.csseditor[data-theme=dark] .guide-line-view line.base-rect{stroke:#435cb5}.csseditor[data-theme=dark] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=dark] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=dark] .property{padding:10px 10px;border-top:1px solid #4a4a4a;background-color:#111;color:#fff;display:none}.csseditor[data-theme=dark] .property:first-child{border-top:0px}.csseditor[data-theme=dark] .property .group{position:relative}.csseditor[data-theme=dark] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);cursor:pointer;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=dark] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #fc554f;background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .property.full{height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=dark] .property.full.show{height:100%}.csseditor[data-theme=dark] .property.full .property-title{-webkit-box-flex:0;flex:none;height:30px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=dark] .property.full .property-body{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .property.show>.property-title>label .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}.csseditor[data-theme=dark] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=dark] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #4a4a4a;background-color:#111;color:#fff}.csseditor[data-theme=dark] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=dark] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=dark] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=dark] .property>.property-title label .icon{display:inline-block;-webkit-transition:all linear .1s;transition:all linear .1s}.csseditor[data-theme=dark] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=dark] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=dark] .property>.property-title>.tools>*{-webkit-box-flex:0;flex:none}.csseditor[data-theme=dark] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=dark] .property>.property-body{display:none;padding:0px;background-color:#111}.csseditor[data-theme=dark] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=dark] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #313131}.csseditor[data-theme=dark] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=dark] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=dark] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=dark] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=dark] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #313131}.csseditor[data-theme=dark] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=dark] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=dark] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=dark] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#313131}.csseditor[data-theme=dark] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=dark] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=dark] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=dark] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=dark] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=dark] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-image-item .tools{line-height:2}.csseditor[data-theme=dark] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=dark] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=dark] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=dark] .content-item textarea{width:100%;height:100px;border:1px solid #313131;border-radius:3px}.csseditor[data-theme=dark] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=dark] .transition-list .transition-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=dark] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#313131}.csseditor[data-theme=dark] .transition-list .transition-item .labels label small{color:#fff}.csseditor[data-theme=dark] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=dark] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=dark] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=dark] .animation-list .animation-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=dark] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label{background-color:#313131;padding:1px 2px;border-radius:2px;color:#313131;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=dark] .animation-list .animation-item .labels label small{color:#fff;text-transform:lowercase}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#fff}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item{border:1px solid #313131;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=dark] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#e6e6e6;padding-left:10px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=dark] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=dark] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=dark] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #313131;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=dark] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#fc554f;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=dark] .code-view-item>div pre strong{color:#fc554f}.csseditor[data-theme=dark] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .clip-path-list .clippath-item.selected,.csseditor[data-theme=dark] .clip-path-list .clippath-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=dark] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .selector-list .selector-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .project-list{margin:0px !important}.csseditor[data-theme=dark] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=dark] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=dark] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .project-list .project-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .artboard-list .artboard-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .artboard-list .artboard-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .layer-list .layer-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=dark] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg polygon{stroke:#999}.csseditor[data-theme=dark] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=dark] .layer-list+.drag-point{position:absolute;border:1px solid #fc554f;pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=dark] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #fc6d68;color:#fff;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #313131;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=dark] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=dark] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#fc554f !important}.csseditor[data-theme=dark] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=dark] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=dark] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item{color:#999;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=dark] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=dark] .project-info input,.csseditor[data-theme=dark] .project-info textarea{width:100%}.csseditor[data-theme=dark] .project-info .input input{height:24px}.csseditor[data-theme=dark] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=dark] .artboard-size-list .artboard-size-item{border-top:1px solid #313131}.csseditor[data-theme=dark] .artboard-size-list .category{height:26px;border-bottom:1px solid #313131;line-height:2}.csseditor[data-theme=dark] .artboard-size-list .category .title{color:#fff;pointer-events:none;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .group-item{background-color:#313131;height:24px;border-bottom:1px solid #313131;line-height:1.8}.csseditor[data-theme=dark] .artboard-size-list .group-item .title{color:#fff;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #313131;line-height:2.3}.csseditor[data-theme=dark] .artboard-size-list .device-item .title{color:#fff;pointer-events:none;padding-left:20px}.csseditor[data-theme=dark] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=dark] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=dark] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=dark] .export-item label{vertical-align:middle}.csseditor[data-theme=dark] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=dark] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .library-items{padding:10px}.csseditor[data-theme=dark] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=dark] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=dark] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .library-items .group.path .list .path-item:hover{background-color:#435cb5}.csseditor[data-theme=dark] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .component-items{padding:10px 10px}.csseditor[data-theme=dark] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=dark] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=dark] .component-items .group .list .menu-item:hover{background-color:#fd8581;color:#fff}.csseditor[data-theme=dark] .component-items .group .list .menu-item.selected{color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=dark] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=dark] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=dark] .shortcut-items{padding:10px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item{border:1px solid #fc554f;margin-bottom:10px;border-radius:4px;background-color:#313131;padding:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=dark] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#616161}.csseditor[data-theme=dark] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .video-property .volume-control span[data-value]{display:none;color:#fff;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=dark] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #313131;background-color:#1f2024}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#fc554f;border:1px solid #fc554f}.csseditor[data-theme=dark] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=dark] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(252,85,79,.1)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#fff}.csseditor[data-theme=dark] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=dark] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=dark] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#2b2b2b}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=dark] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=dark] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=dark] .color-single-editor .preview{height:100%}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #313131}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .range-editor.has-label.block label{display:block;color:#fff}.csseditor[data-theme=dark] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=dark] .range-editor .remove{display:none}.csseditor[data-theme=dark] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=dark] .range-editor .range-editor-type .area.focused{border:1px solid #fc554f;border-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #2b2b2b;border-left:1px solid #2b2b2b;border-top:1px solid #2b2b2b;text-align:left;background-color:#2b2b2b;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#2b2b2b;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .number-range-editor .remove{display:none}.csseditor[data-theme=dark] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=dark] .input-range-editor.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=dark] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .input-range-editor .type-button,.csseditor[data-theme=dark] .input-range-editor .remove{display:none}.csseditor[data-theme=dark] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#2b2b2b;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=dark] .text-editor input[type=text]{border:1px solid #313131}.csseditor[data-theme=dark] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=dark] .select-editor select{font-size:11px}.csseditor[data-theme=dark] .select-editor select:focus-within{border:1px solid #fc554f}.csseditor[data-theme=dark] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=dark] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=dark] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=dark] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=dark] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=dark] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#fc554f;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=dark] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=dark] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .background-image-editor .label.hide{display:none}.csseditor[data-theme=dark] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .pattern{background-color:#313131;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #fc554f;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .label.hide{display:none}.csseditor[data-theme=dark] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#fff;border-radius:3px;margin:3px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#fff;vertical-align:middle;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .filter-editor .label.hide{display:none}.csseditor[data-theme=dark] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#b3b3b3}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{color:#1f2024}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#fc554f}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .text-shadow-editor .label{height:20px}.csseditor[data-theme=dark] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=dark] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=dark] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .var-editor .label.hide{display:none}.csseditor[data-theme=dark] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=dark] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=dark] .var-editor .var-item>div input::-webkit-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .gradient-editor{position:relative}.csseditor[data-theme=dark] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=dark] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .gradient-editor .hue-container,.csseditor[data-theme=dark] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=dark] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#fc554f}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=dark] .svg-filter-editor{color:#fff;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#fc554f;font-size:11px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=dark] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #fc554f;position:relative;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#fc554f;stroke-width:1;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#fc554f;r:4;stroke:rgba(252,85,79,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#fc554f;stroke:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#1f2024;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#fff;height:12px;width:12px;border-radius:100%;background-color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #fc554f}.csseditor[data-theme=dark] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=dark] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#fc554f;border-radius:3px;margin:5px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=dark] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=dark] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=dark] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected{background-color:#fc554f}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg rect{fill:#fff}.csseditor[data-theme=dark] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=dark] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=dark] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=dark] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=dark] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=dark] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:#2b2b2b;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:-webkit-box;display:flex}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item{-webkit-box-flex:1;flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.selected{background-color:#555;color:#fff}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=dark] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=dark] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=dark] .path-data-editor .segment .command{color:#fc554f;cursor:pointer}.csseditor[data-theme=dark] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=dark] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=dark] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=dark] .polygon-data-editor .segment .values label{color:#fc554f}.csseditor[data-theme=dark] .polygon-data-editor .segment .values input{color:#fff;width:80px}.csseditor[data-theme=dark] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=dark] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .background-position-editor .preview{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=dark] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=dark] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=dark] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=dark] .fill-single-editor .colors .color{border:1px solid #fff;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=dark] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=dark] .fill-editor{position:relative}.csseditor[data-theme=dark] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=dark] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .fill-editor .hue-container,.csseditor[data-theme=dark] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=dark] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=dark] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .func-filter-editor.focused{box-shadow:0 0 0 1px #fc554f;border-radius:3px}.csseditor[data-theme=dark] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=dark] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=dark] .color-matrix-editor .title{padding:5px 0px;color:#fc554f}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(49,49,49,.5)}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#fc554f}.csseditor[data-theme=dark] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=dark] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .pattern-editor .label.hide{display:none}.csseditor[data-theme=dark] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#fc554f}.csseditor[data-theme=dark] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=dark] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=dark] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=dark] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=dark] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fc554f}.csseditor[data-theme=dark] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#fc554f;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=dark] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=dark] .popup{position:absolute;display:none;z-index:1000;background-color:#1f1f1f;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#fff}.csseditor[data-theme=dark] .popup.compact{padding:0px}.csseditor[data-theme=dark] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=dark] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=dark] .popup .popup-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=dark] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=dark] .popup .popup-title label{cursor:move}.csseditor[data-theme=dark] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=dark] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=dark] .popup.background-property-popup{width:224px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=dark] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#313131;font-weight:bold}.csseditor[data-theme=dark] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #313131;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#313131;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f;border-color:#1f1f1f}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #313131;margin-bottom:2px;height:204px;position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(#313131)),-webkit-gradient(linear, left top, right top, from(#313131), to(#313131));background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=dark] .popup .animation-property-popup{width:220px}.csseditor[data-theme=dark] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup{width:220px}.csseditor[data-theme=dark] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #313131;height:202px;position:relative;margin-bottom:10px;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(#313131)),-webkit-gradient(linear, left top, right top, from(#313131), to(#313131));background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .keyframe-popup{width:250px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#313131), to(black));background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box input,.csseditor[data-theme=dark] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=dark] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=dark] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#fc554f;z-index:0}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #313131}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box label input,.csseditor[data-theme=dark] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box input,.csseditor[data-theme=dark] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #313131 !important}.csseditor[data-theme=dark] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.csseditor[data-theme=dark] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=dark] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=dark] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(#fc554f), to(white));background-image:linear-gradient(to top right, #fc554f, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#fc554f;box-shadow:0 0 2px 2px #fc554f}.csseditor[data-theme=dark] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000;background-color:#1f2024;border:1px solid #313131;box-shadow:0 0 1px 0px #313131;padding:14px;color:#fff}.csseditor[data-theme=dark] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=dark] .window-background .window .window-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=dark] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=dark] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=dark] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=dark] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=dark] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=dark] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=dark] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=dark] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=dark] .path-editor-view .path-container.modify,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=dark] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.box svg path.object{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;-webkit-transform:none;transform:none;box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=dark] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg line[data-distance=true]{stroke:#fc554f;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=dark] .path-editor-view svg circle.curve{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-first=true]{stroke:#fc554f;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-second=true]{stroke:#4b0401;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-selected=true]{fill:#fc554f;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=dark] .path-editor-view svg circle.split-circle{fill:#fc554f;stroke:#fff;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#3a89f0;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=dark] .path-editor-view svg path.guide{fill:transparent;stroke:#4879ff;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.segment{fill:transparent;stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#fc554f}.csseditor[data-theme=dark] .path-editor-view svg path.snap-path{fill:transparent;stroke:#fc554f;stroke-width:.5}.csseditor[data-theme=dark] .path-editor-view svg text{fill:#fc554f;stroke:#fc554f;stroke-width:.5;pointer-events:none}.csseditor[data-theme=dark] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=dark] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=dark] .animation-selector .timeline-object.selected{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#111;font-size:12px;border-left:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#fc554f}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .title{color:#fff}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=dark] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#1f2024;font-size:12px;border-right:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=dark] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=dark] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=dark] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #313131;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #313131;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#ee4b66;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=dark] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#fff;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:rgba(67,92,181,.4);color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);vertical-align:middle;cursor:pointer;-webkit-transform:translateX(-4px) translateY(0px) rotate(45deg);transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(252,85,79,.5);background-color:#fc554f}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #313131;position:relative}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;background-color:rgba(49,49,49,.5);display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#fc554f;-webkit-transform:translateY(-52%);transform:translateY(-52%)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=dark] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=dark] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#fff}.csseditor[data-theme=dark] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=dark] .timeline-play-control .row{display:-webkit-box;display:flex}.csseditor[data-theme=dark] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=dark] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=dark] .timeline-play-control button.play{color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons{display:-webkit-box;display:flex;padding-top:2px}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=dark] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=dark] .status-bar{-webkit-box-flex:0;flex:none;height:30px;overflow:hidden;position:relative;background-color:#fc554f;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=dark] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=dark] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=dark] .status-bar .tool-view>div{display:inline-block;background-color:#760e34;border-radius:3px;min-width:50px}.csseditor[data-theme=dark] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #313131}.csseditor[data-theme=dark] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=dark] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=dark] .feature-control.object-list{position:relative;border-right:1px solid #313131;box-sizing:border-box;height:100%}.csseditor[data-theme=dark] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=dark] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=dark] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets .property{height:auto}.csseditor[data-theme=light] input[type=text],.csseditor[data-theme=light] input[type=number],.csseditor[data-theme=light] input[type=email],.csseditor[data-theme=light] textarea{background-color:#fff;border:1px solid #e2e2e2;color:#000;outline:none}.csseditor[data-theme=light] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#fff;border:1px solid #e2e2e2;border-radius:0px;color:#616161;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=light] button{border-width:0px;color:#616161;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=light] button svg{width:100%;height:100%}.csseditor[data-theme=light] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#fff;opacity:0;pointer-events:none}.csseditor[data-theme=light] .add-image-button{display:none}.csseditor[data-theme=light] .icon svg,.csseditor[data-theme=light] button svg,.csseditor[data-theme=light] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .icon svg path,.csseditor[data-theme=light] button svg path,.csseditor[data-theme=light] label svg path{fill:currentColor}.csseditor[data-theme=light] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:-webkit-box;display:flex}.csseditor[data-theme=light] .layout-main marker path{fill:#e2e2e2}.csseditor[data-theme=light] .layout-main .layout-top{display:block;-webkit-box-flex:1;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=light] .layout-main .layout-middle{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=light] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#fff;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #e2e2e2;background-color:#fff;-webkit-transition:all .05s linear;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#fff;padding:2px 0px}.csseditor[data-theme=light] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:auto;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;-webkit-transition:bottom .05s linear;transition:bottom .05s linear}.csseditor[data-theme=light] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=light] input[type=range]:focus{outline:none}.csseditor[data-theme=light] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-thumb{height:8px;width:8px;border-radius:100%;background:#609de2;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid #609de2;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-webkit-slider-runnable-track{background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=light] input[type=range]::-moz-range-thumb{border:1px solid #000;height:8px;width:8px;border-radius:9px;border-radius:10px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]::-ms-track{width:100%;height:1px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-ms-fill-lower{background:#609de2;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=light] input[type=range]::-ms-fill-upper{background:#609de2;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=light] input[type=range]::-ms-thumb{height:8px;width:8px;border-radius:9px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-lower{background:#609de2}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-upper{background:#609de2}.csseditor[data-theme=light] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#fff;color:#616161}.csseditor[data-theme=light] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=light] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{-webkit-box-flex:0;flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;-webkit-box-flex:0;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#4778d4;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{-webkit-box-flex:1;flex:1 1 auto;overflow:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#151515}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .tab.number-tab .tab-header{cursor:pointer;background-color:#eee;overflow:hidden;color:#616161}.csseditor[data-theme=light] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=light] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=light] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=light] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=light] .tab.number-tab>.tab-header.full{display:-webkit-box;display:flex}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#4778d4;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{color:#4778d4}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=light] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:-webkit-box;display:flex}.csseditor[data-theme=light] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=light] .tab>.tab-header>.tab-item{-webkit-box-flex:1;flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.selected{color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(255,255,255,.5);color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#fff}.csseditor[data-theme=light] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=light] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=light] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected.flex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .fixed{-webkit-box-flex:0;flex:none}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#fff;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=light] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=light] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=light] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=light] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=light] .logo .site{font-size:14px;color:#e2e2e2}.csseditor[data-theme=light] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=light] .tool-menu,.csseditor[data-theme=light] .preview-tool-menu{color:#fff}.csseditor[data-theme=light] .tool-menu.center,.csseditor[data-theme=light] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=light] .tool-menu .items,.csseditor[data-theme=light] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=light] .tool-menu .items .empty,.csseditor[data-theme=light] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=light] .tool-menu .items .draw-items>*,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=light] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=light] .tool-menu .items .draw-items .divider,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #cfcfcf;height:20px;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .draw-items>label,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#616161;padding:5px;text-align:center}.csseditor[data-theme=light] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#616161;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=light] .tool-menu .items.flex-2,.csseditor[data-theme=light] .preview-tool-menu .items.flex-2{-webkit-box-flex:5;flex:5}.csseditor[data-theme=light] .tool-menu .items.left,.csseditor[data-theme=light] .preview-tool-menu .items.left{-webkit-box-flex:0;flex:none;width:300px;text-align:left}.csseditor[data-theme=light] .tool-menu .items form,.csseditor[data-theme=light] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items button,.csseditor[data-theme=light] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=light] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=light] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=light] .tool-menu .items .title,.csseditor[data-theme=light] .preview-tool-menu .items .title{font-size:10px;color:#151515}.csseditor[data-theme=light] .tool-menu .items .icon,.csseditor[data-theme=light] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#616161}.csseditor[data-theme=light] .tool-menu .items .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .tool-menu .items .icon.export,.csseditor[data-theme=light] .tool-menu .items .icon.codepen,.csseditor[data-theme=light] .tool-menu .items .icon.github,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .icon.export:before,.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=light] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=light] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:rgba(17,17,17,.1)}.csseditor[data-theme=light] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=light] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=light] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=light] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #e2e2e2;color:#616161;background-color:#fff}.csseditor[data-theme=light] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=light] .page-tools button{border-radius:3px}.csseditor[data-theme=light] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(71,120,212,.5)}.csseditor[data-theme=light] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=light] .path-manager .text{display:inline-block}.csseditor[data-theme=light] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=light] .path-manager .tools button[data-value=flipY]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.csseditor[data-theme=light] .path-manager .tools button[data-value=flip]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.csseditor[data-theme=light] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=light] .path-manager .tools button svg path{stroke-width:1;stroke:#fff}.csseditor[data-theme=light] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .path-manager>*{vertical-align:middle}.csseditor[data-theme=light] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:5px 5px}.csseditor[data-theme=light] .draw-manager .text{display:inline-block}.csseditor[data-theme=light] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=light] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=light] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=light] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(71,120,212,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=light] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#4778d4;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction:hover{border-color:#224993}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #4778d4;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;-webkit-perspective:1000px;perspective:1000px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #616161;border-radius:0px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{-webkit-transform:rotateX(89deg) translateZ(0px);transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{-webkit-transform:rotateY(89deg) translateZ(0px);transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-x{-webkit-transform:rotateX(90deg) translateZ(0px);transform:rotateX(90deg) translateZ(0px);border:5px solid #643ac7}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-y{-webkit-transform:rotateY(90deg) translateZ(0px);transform:rotateY(90deg) translateZ(0px);border:5px solid #8bdf8b}.csseditor[data-theme=light] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=light] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .canvas-view{position:absolute;-webkit-transform-origin:left top;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=light] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=light] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=light] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=light] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#000;display:inline-block}.csseditor[data-theme=light] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=light] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .selection-view.empty>*{display:none}.csseditor[data-theme=light] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=light] .selection-pointer .marker[data-index="1"]{background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="2"]{background-color:rgba(226,226,226,.6)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="3"]{background-color:rgba(226,226,226,.8)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="4"]{background-color:rgba(226,226,226,.9)}.csseditor[data-theme=light] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=light] .selection-tool.editing-path,.csseditor[data-theme=light] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=light] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #e2e2e2;opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#4778d4;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#e2e2e2;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);cursor:move;background-color:#4778d4;border:1px solid #224993;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;-webkit-transform:translate(-100%, calc(-100% - 5px));transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;-webkit-transform:none;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;-webkit-transform:none;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;-webkit-transform:translate(0.5px, 0.5px);transform:translate(0.5px, 0.5px)}.csseditor[data-theme=light] .guide-line-view line{stroke-width:1}.csseditor[data-theme=light] .guide-line-view line.base-line{stroke:#4778d4}.csseditor[data-theme=light] .guide-line-view line.base-rect{stroke:#36457a}.csseditor[data-theme=light] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=light] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=light] .property{padding:10px 10px;border-top:1px solid #e2e2e2;background-color:#fff;color:#616161;display:none}.csseditor[data-theme=light] .property:first-child{border-top:0px}.csseditor[data-theme=light] .property .group{position:relative}.csseditor[data-theme=light] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);cursor:pointer;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=light] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #4778d4;background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .property.full{height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.csseditor[data-theme=light] .property.full.show{height:100%}.csseditor[data-theme=light] .property.full .property-title{-webkit-box-flex:0;flex:none;height:30px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=light] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=light] .property.full .property-body{-webkit-box-flex:1;flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .property.show>.property-title>label .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}.csseditor[data-theme=light] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=light] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #e2e2e2;background-color:#fff;color:#616161}.csseditor[data-theme=light] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=light] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=light] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=light] .property>.property-title label .icon{display:inline-block;-webkit-transition:all linear .1s;transition:all linear .1s}.csseditor[data-theme=light] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=light] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=light] .property>.property-title>.tools>*{-webkit-box-flex:0;flex:none}.csseditor[data-theme=light] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=light] .property>.property-body{display:none;padding:0px;background-color:#fff}.csseditor[data-theme=light] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=light] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #e2e2e2}.csseditor[data-theme=light] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=light] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=light] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=light] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=light] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=light] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=light] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #e2e2e2}.csseditor[data-theme=light] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=light] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=light] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=light] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#e2e2e2}.csseditor[data-theme=light] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=light] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=light] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=light] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=light] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=light] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=light] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-image-item .tools{line-height:2}.csseditor[data-theme=light] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=light] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=light] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=light] .content-item textarea{width:100%;height:100px;border:1px solid #e2e2e2;border-radius:3px}.csseditor[data-theme=light] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=light] .transition-list .transition-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=light] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#e2e2e2}.csseditor[data-theme=light] .transition-list .transition-item .labels label small{color:#616161}.csseditor[data-theme=light] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=light] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=light] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=light] .animation-list .animation-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=light] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .animation-list .animation-item .labels label{background-color:#e2e2e2;padding:1px 2px;border-radius:2px;color:#e2e2e2;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=light] .animation-list .animation-item .labels label small{color:#616161;text-transform:lowercase}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#616161}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item{border:1px solid #e2e2e2;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=light] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=light] .keyframe-list .keyframe-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=light] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#484848;padding-left:10px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=light] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=light] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=light] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #e2e2e2;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=light] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#4778d4;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=light] .code-view-item>div pre strong{color:#4778d4}.csseditor[data-theme=light] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .clip-path-list .clippath-item.selected,.csseditor[data-theme=light] .clip-path-list .clippath-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=light] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=light] .selector-list .selector-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=light] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .project-list{margin:0px !important}.csseditor[data-theme=light] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=light] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=light] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=light] .project-list .project-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .artboard-list .artboard-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=light] .artboard-list .artboard-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .layer-list .layer-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=light] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg polygon{stroke:#000}.csseditor[data-theme=light] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=light] .layer-list+.drag-point{position:absolute;border:1px solid #4778d4;pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=light] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #5c87d9;color:#616161;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=light] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #e2e2e2;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=light] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=light] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#4778d4 !important}.csseditor[data-theme=light] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=light] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=light] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item{color:#000;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=light] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=light] .project-info input,.csseditor[data-theme=light] .project-info textarea{width:100%}.csseditor[data-theme=light] .project-info .input input{height:24px}.csseditor[data-theme=light] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=light] .artboard-size-list .artboard-size-item{border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .artboard-size-list .category{height:26px;border-bottom:1px solid #e2e2e2;line-height:2}.csseditor[data-theme=light] .artboard-size-list .category .title{color:#616161;pointer-events:none;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .group-item{background-color:#e2e2e2;height:24px;border-bottom:1px solid #e2e2e2;line-height:1.8}.csseditor[data-theme=light] .artboard-size-list .group-item .title{color:#616161;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #e2e2e2;line-height:2.3}.csseditor[data-theme=light] .artboard-size-list .device-item .title{color:#616161;pointer-events:none;padding-left:20px}.csseditor[data-theme=light] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=light] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=light] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=light] .export-item label{vertical-align:middle}.csseditor[data-theme=light] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=light] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .library-items{padding:10px}.csseditor[data-theme=light] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=light] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=light] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .library-items .group.path .list .path-item:hover{background-color:#609de2}.csseditor[data-theme=light] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=light] .shape-inside-list .shapeinside-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .component-items{padding:10px 10px}.csseditor[data-theme=light] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#4778d4}.csseditor[data-theme=light] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=light] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=light] .component-items .group .list .menu-item:hover{background-color:#7096de;color:#fff}.csseditor[data-theme=light] .component-items .group .list .menu-item.selected{color:#4778d4}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon.flipY{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.csseditor[data-theme=light] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(97,97,97,.1);color:#616161}.csseditor[data-theme=light] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=light] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=light] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=light] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=light] .shortcut-items{padding:10px}.csseditor[data-theme=light] .shortcut-items .shortcut-item{border:1px solid #4778d4;margin-bottom:10px;border-radius:4px;background-color:#e2e2e2;padding:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=light] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#cfcfcf}.csseditor[data-theme=light] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .video-property .volume-control span[data-value]{display:none;color:#616161;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=light] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=light] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #e2e2e2;background-color:#fff}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#4778d4;border:1px solid #4778d4}.csseditor[data-theme=light] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=light] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=light] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(71,120,212,.1)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=light] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#616161}.csseditor[data-theme=light] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=light] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=light] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#d8d8d8}.csseditor[data-theme=light] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=light] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=light] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=light] .color-single-editor .preview{height:100%}.csseditor[data-theme=light] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .range-editor.has-label.block{display:block}.csseditor[data-theme=light] .range-editor.has-label.block label{display:block;color:#616161}.csseditor[data-theme=light] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=light] .range-editor .remove{display:none}.csseditor[data-theme=light] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=light] .range-editor .range-editor-type .area.focused{border:1px solid #4778d4;border-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .range-editor .range-editor-type .area input,.csseditor[data-theme=light] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;text-align:left;background-color:#fff;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#fff;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .number-range-editor .remove{display:none}.csseditor[data-theme=light] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=light] .input-range-editor.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=light] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .input-range-editor .type-button,.csseditor[data-theme=light] .input-range-editor .remove{display:none}.csseditor[data-theme=light] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=light] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=light] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=light] .text-editor input[type=text]{border:1px solid #e2e2e2}.csseditor[data-theme=light] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=light] .select-editor select{font-size:11px}.csseditor[data-theme=light] .select-editor select:focus-within{border:1px solid #4778d4}.csseditor[data-theme=light] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=light] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=light] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=light] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=light] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=light] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=light] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=light] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=light] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#4778d4;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=light] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=light] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .background-image-editor .label.hide{display:none}.csseditor[data-theme=light] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .pattern{background-color:#e2e2e2;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #4778d4;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .label.hide{display:none}.csseditor[data-theme=light] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#616161;border-radius:3px;margin:3px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#616161;vertical-align:middle;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=light] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .filter-editor .label.hide{display:none}.csseditor[data-theme=light] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#151515}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{color:#fff}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#4778d4}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .text-shadow-editor .label{height:20px}.csseditor[data-theme=light] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=light] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=light] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .var-editor .label.hide{display:none}.csseditor[data-theme=light] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=light] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=light] .var-editor .var-item>div input::-webkit-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .gradient-editor{position:relative}.csseditor[data-theme=light] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=light] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .gradient-editor .hue-container,.csseditor[data-theme=light] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=light] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#4778d4}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=light] .svg-filter-editor{color:#616161;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#4778d4;font-size:11px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=light] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #4778d4;position:relative;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#4778d4;stroke-width:1;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#4778d4;r:4;stroke:rgba(71,120,212,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#4778d4;stroke:rgba(71,120,212,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#fff;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;color:#616161;height:12px;width:12px;border-radius:100%;background-color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #4778d4}.csseditor[data-theme=light] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=light] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#4778d4;border-radius:3px;margin:5px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=light] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=light] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector button{-webkit-box-flex:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=light] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=light] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected{background-color:#4778d4}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=light] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=light] .list-view-editor .list-view-item svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item svg rect{fill:#616161}.csseditor[data-theme=light] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=light] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=light] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=light] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=light] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=light] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:silver;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:-webkit-box;display:flex}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item{-webkit-box-flex:1;flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=light] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=light] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=light] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=light] .path-data-editor .segment .command{color:#4778d4;cursor:pointer}.csseditor[data-theme=light] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=light] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=light] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=light] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=light] .polygon-data-editor .segment .values label{color:#4778d4}.csseditor[data-theme=light] .polygon-data-editor .segment .values input{color:#616161;width:80px}.csseditor[data-theme=light] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=light] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .background-position-editor .preview{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=light] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=light] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=light] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=light] .fill-single-editor .colors .color{border:1px solid #616161;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=light] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=light] .fill-editor{position:relative}.csseditor[data-theme=light] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=light] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor .gradient-preview .drag-pointer{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;-webkit-transform:translate(-50%, -100%) rotate(-90deg);transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;-webkit-transform:translate(-100%, -100%) rotate(-135deg);transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;-webkit-transform:translate(0%, -100%) rotate(-45deg);transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;-webkit-transform:translate(-100%, -50%) rotate(-180deg);transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;-webkit-transform:translate(-100%, 0%) rotate(135deg);transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;-webkit-transform:translate(0%, 0%) rotate(45deg);transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(red), to(red));background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:-webkit-gradient(linear, left top, right top, from(black), to(gray));background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;-webkit-transform:none;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;-webkit-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .fill-editor .hue-container,.csseditor[data-theme=light] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;-webkit-transform:translateX(-50%) translateY(-120%);transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=light] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=light] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .func-filter-editor.focused{box-shadow:0 0 0 1px #4778d4;border-radius:3px}.csseditor[data-theme=light] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=light] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=light] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=light] .color-matrix-editor .title{padding:5px 0px;color:#4778d4}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(226,226,226,.5)}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#4778d4}.csseditor[data-theme=light] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=light] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .pattern-editor .label.hide{display:none}.csseditor[data-theme=light] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#4778d4}.csseditor[data-theme=light] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=light] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=light] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=light] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.csseditor[data-theme=light] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#4778d4}.csseditor[data-theme=light] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#4778d4;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=light] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=light] .popup{position:absolute;display:none;z-index:1000;background-color:#f6f6f6;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#616161}.csseditor[data-theme=light] .popup.compact{padding:0px}.csseditor[data-theme=light] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=light] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=light] .popup .popup-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=light] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=light] .popup .popup-title label{cursor:move}.csseditor[data-theme=light] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=light] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=light] .popup.background-property-popup{width:224px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=light] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#e2e2e2;font-weight:bold}.csseditor[data-theme=light] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e2e2;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 255, 0.5)), to(black));background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#e2e2e2;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=light] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=light] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=light] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6;border-color:#f6f6f6}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;margin-bottom:2px;height:204px;position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2)),-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2));background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=light] .popup .animation-property-popup{width:220px}.csseditor[data-theme=light] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup{width:220px}.csseditor[data-theme=light] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;height:202px;position:relative;margin-bottom:10px;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2)),-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(#e2e2e2));background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;-webkit-transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .keyframe-popup{width:250px}.csseditor[data-theme=light] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(black));background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#616161;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box input,.csseditor[data-theme=light] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=light] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=light] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#4778d4;z-index:0}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #e2e2e2}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box label input,.csseditor[data-theme=light] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box input,.csseditor[data-theme=light] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.csseditor[data-theme=light] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=light] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=light] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(97,97,97,.5)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=light] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:-webkit-gradient(linear, left bottom, right top, from(#4778d4), to(white));background-image:linear-gradient(to top right, #4778d4, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#4778d4;box-shadow:0 0 2px 2px #4778d4}.csseditor[data-theme=light] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:#fff}.csseditor[data-theme=light] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000;background-color:#fff;border:1px solid #e2e2e2;box-shadow:0 0 1px 0px #e2e2e2;padding:14px;color:#616161}.csseditor[data-theme=light] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:-webkit-box;display:flex;pointer-events:all}.csseditor[data-theme=light] .window-background .window .window-title>*{-webkit-box-flex:1;flex:1 1 auto}.csseditor[data-theme=light] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=light] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=light] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=light] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=light] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=light] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=light] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=light] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=light] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=light] .path-editor-view .path-container.modify,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=light] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.box svg path.object{stroke:#e2e2e2}.csseditor[data-theme=light] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;-webkit-transform:none;transform:none;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=light] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg line[data-distance=true]{stroke:#4778d4;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=light] .path-editor-view svg circle.curve{stroke:#b7b7b7}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-first=true]{stroke:#4778d4;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-second=true]{stroke:#050b17;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-selected=true]{fill:#4778d4;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=light] .path-editor-view svg circle.split-circle{fill:#4778d4;stroke:#fff;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#609de2;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=light] .path-editor-view svg path.guide{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.segment{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#4778d4}.csseditor[data-theme=light] .path-editor-view svg path.snap-path{fill:transparent;stroke:#4778d4;stroke-width:.5}.csseditor[data-theme=light] .path-editor-view svg text{fill:#4778d4;stroke:#4778d4;stroke-width:.5;pointer-events:none}.csseditor[data-theme=light] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=light] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=light] .animation-selector .timeline-object.selected{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#4778d4}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .title{color:#616161}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=light] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=light] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=light] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=light] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:-webkit-box;display:flex}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #e2e2e2;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#435cb5;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=light] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#616161;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);vertical-align:middle;cursor:pointer;-webkit-transform:translateX(-4px) translateY(0px) rotate(45deg);transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(71,120,212,.5);background-color:#4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #e2e2e2;position:relative}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;background-color:rgba(226,226,226,.5);display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;-webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg);transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#4778d4;-webkit-transform:translateY(-52%);transform:translateY(-52%)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csseditor[data-theme=light] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=light] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=light] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=light] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#616161}.csseditor[data-theme=light] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=light] .timeline-play-control .row{display:-webkit-box;display:flex}.csseditor[data-theme=light] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=light] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=light] .timeline-play-control button.play{color:#4778d4}.csseditor[data-theme=light] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .direction-buttons{display:-webkit-box;display:flex;padding-top:2px}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=light] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=light] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=light] .status-bar{-webkit-box-flex:0;flex:none;height:30px;overflow:hidden;position:relative;background-color:#609de2;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=light] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=light] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=light] .status-bar .tool-view>div{display:inline-block;background-color:#4653f6;border-radius:3px;min-width:50px}.csseditor[data-theme=light] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=light] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=light] .feature-control.object-list{position:relative;border-right:1px solid #e2e2e2;box-sizing:border-box;height:100%}.csseditor[data-theme=light] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=light] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=light] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=light] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=light] .feature-control .layer-tab .assets .property{height:auto}
diff --git a/docs/main.974fb8fd649466426b31.js b/docs/main.974fb8fd649466426b31.js
deleted file mode 100644
index 9a4578b3a..000000000
--- a/docs/main.974fb8fd649466426b31.js
+++ /dev/null
@@ -1 +0,0 @@
-!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,"randomNumber",(function(){return m})),n.d(r,"randomByCount",(function(){return g})),n.d(r,"random",(function(){return w})),n.d(r,"randomRGBA",(function(){return O}));var o={};n.r(o),n.d(o,"debounce",(function(){return _})),n.d(o,"throttle",(function(){return C})),n.d(o,"keyEach",(function(){return T})),n.d(o,"keyMap",(function(){return D})),n.d(o,"keyMapJoin",(function(){return A})),n.d(o,"get",(function(){return I})),n.d(o,"defaultValue",(function(){return V})),n.d(o,"isUndefined",(function(){return L})),n.d(o,"isNotUndefined",(function(){return M})),n.d(o,"isArray",(function(){return B})),n.d(o,"isBoolean",(function(){return z})),n.d(o,"isString",(function(){return F})),n.d(o,"isNotString",(function(){return G})),n.d(o,"isObject",(function(){return H})),n.d(o,"isFunction",(function(){return X})),n.d(o,"isNumber",(function(){return Y})),n.d(o,"clone",(function(){return N})),n.d(o,"cleanObject",(function(){return K})),n.d(o,"combineKeyArray",(function(){return U})),n.d(o,"repeat",(function(){return W})),n.d(o,"randomItem",(function(){return Z})),n.d(o,"html",(function(){return J})),n.d(o,"CSS_TO_STRING",(function(){return Q})),n.d(o,"STRING_TO_CSS",(function(){return tt})),n.d(o,"OBJECT_TO_PROPERTY",(function(){return et})),n.d(o,"OBJECT_TO_CLASS",(function(){return nt})),n.d(o,"TAG_TO_STRING",(function(){return rt})),n.d(o,"mapjoin",(function(){return ot}));var i={};n.r(i),n.d(i,"format",(function(){return it})),n.d(i,"hex",(function(){return at})),n.d(i,"rgb",(function(){return ct})),n.d(i,"hsl",(function(){return ut}));var a={};n.r(a),n.d(a,"round",(function(){return ft})),n.d(a,"degreeToRadian",(function(){return pt})),n.d(a,"div",(function(){return yt})),n.d(a,"radianToDegree",(function(){return ht})),n.d(a,"getXInCircle",(function(){return dt})),n.d(a,"getYInCircle",(function(){return vt})),n.d(a,"getXYInCircle",(function(){return bt})),n.d(a,"getDist",(function(){return mt})),n.d(a,"calculateAngle",(function(){return gt})),n.d(a,"calculateAngleByPoints",(function(){return wt})),n.d(a,"calculateAnglePointDistance",(function(){return Ot})),n.d(a,"calculateAngle360",(function(){return kt})),n.d(a,"uuid",(function(){return jt})),n.d(a,"uuidShort",(function(){return Pt})),n.d(a,"cubicBezier",(function(){return Et})),n.d(a,"getGradientLine",(function(){return _t})),n.d(a,"CCW",(function(){return Ct})),n.d(a,"incircle",(function(){return Tt})),n.d(a,"initPolygon",(function(){return Dt})),n.d(a,"Deluanay",(function(){return It})),n.d(a,"generate_sample_points",(function(){return Vt})),n.d(a,"getCenterInTriangle",(function(){return Lt})),n.d(a,"normalize",(function(){return Bt}));var c={};n.r(c),n.d(c,"ReverseXyz",(function(){return zt})),n.d(c,"ReverseRGB",(function(){return Ft})),n.d(c,"XYZtoRGB",(function(){return Gt})),n.d(c,"LABtoXYZ",(function(){return Ht})),n.d(c,"PivotXyz",(function(){return Xt})),n.d(c,"XYZtoLAB",(function(){return Yt})),n.d(c,"LABtoRGB",(function(){return Nt}));var u={};n.r(u),n.d(u,"RGBtoHSV",(function(){return Kt})),n.d(u,"RGBtoCMYK",(function(){return Ut})),n.d(u,"RGBtoHSL",(function(){return Wt})),n.d(u,"c",(function(){return Zt})),n.d(u,"gray",(function(){return qt})),n.d(u,"RGBtoSimpleGray",(function(){return Jt})),n.d(u,"RGBtoGray",(function(){return Qt})),n.d(u,"brightness",(function(){return te})),n.d(u,"RGBtoYCrCb",(function(){return ee})),n.d(u,"PivotRGB",(function(){return ne})),n.d(u,"RGBtoXYZ",(function(){return re})),n.d(u,"RGBtoLAB",(function(){return oe}));var s={};n.r(s),n.d(s,"CMYKtoRGB",(function(){return ie}));var l={};n.r(l),n.d(l,"HSVtoRGB",(function(){return ae})),n.d(l,"HSVtoHSL",(function(){return ce}));var f={};n.r(f),n.d(f,"HUEtoRGB",(function(){return ue})),n.d(f,"HSLtoHSV",(function(){return se})),n.d(f,"HSLtoRGB",(function(){return le}));var p={};n.r(p),n.d(p,"YCrCbtoRGB",(function(){return fe}));var h={};n.r(h),n.d(h,"getColorIndexString",(function(){return we})),n.d(h,"isColor",(function(){return Oe})),n.d(h,"matches",(function(){return ke})),n.d(h,"convertMatches",(function(){return Se})),n.d(h,"convertMatchesArray",(function(){return je})),n.d(h,"reverseMatches",(function(){return Pe})),n.d(h,"trim",(function(){return Re})),n.d(h,"parse",(function(){return $e})),n.d(h,"parseGradient",(function(){return Ee}));var d={};n.r(d),n.d(d,"interpolateRGB",(function(){return _e})),n.d(d,"interpolateRGBObject",(function(){return Ce})),n.d(d,"scale",(function(){return Te})),n.d(d,"blend",(function(){return De})),n.d(d,"mix",(function(){return Ae})),n.d(d,"contrast",(function(){return Ie})),n.d(d,"contrastColor",(function(){return Ve})),n.d(d,"gradient",(function(){return Le})),n.d(d,"scaleHSV",(function(){return Me})),n.d(d,"scaleH",(function(){return Be})),n.d(d,"scaleS",(function(){return ze})),n.d(d,"scaleV",(function(){return Fe}));var v={};n.r(v),n.d(v,"start",(function(){return bp}));var b;n(0);function m(t,e){return Math.floor(Math.random()*(e-t+1))+t}function g(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=w();return e}function w(){return ct({r:m(0,255),g:m(0,255),b:m(0,255)})}function O(){return ct({r:m(0,255),g:m(0,255),b:m(0,255),a:m(0,1e3)/1e3})}function k(t){return function(t){if(Array.isArray(t))return t}(t)||R(t)||P(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function j(t){return function(t){if(Array.isArray(t))return $(t)}(t)||R(t)||P(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(t,e){if(t){if("string"==typeof t)return $(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(t,e):void 0}}function R(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function $(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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 _(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(0===e)return t;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 C(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 T(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function D(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function A(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return D(t,e).join(n)}function I(t,e,n){var r=V(t[e],e);return X(n)?n(r):r}function V(t,e){return void 0===t?e:t}function L(t){return null==t}function M(t){return!1===L(t)}function B(t){return Array.isArray(t)}function z(t){return"boolean"==typeof t}function F(t){return"string"==typeof t}function G(t){return!1===F(t)}function H(t){return"object"==E(t)&&!B(t)&&!Y(t)&&!F(t)&&null!==t}function X(t){return"function"==typeof t}function Y(t){return"number"==typeof t}function N(t){return JSON.parse(JSON.stringify(t))}function K(t){var e={};return Object.keys(t).filter((function(e){return!!t[e]})).forEach((function(n){e[n]=t[n]})),e}function U(t){return Object.keys(t).forEach((function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))})),t}function W(t){return j(Array(t))}function Z(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[m(0,e.length-1)]}var q=(S(b={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},"path",!0),S(b,"polygon",!0),S(b,"polyline",!0),S(b,"use",!0),b),J=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 X(r)&&(r=r()),B(r)||(r=[r]),t+(r=r.join(""))})).join("");return o=o.replace(/\<(\w*)([^\>]*)\/\>/gim,(function(t,e){return q[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))};function Q(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 tt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=k(t.split(n).map((function(t){return t.trim()}))),o=e[0],i=e.slice(1);""!=o&&(r[o]=i.join(n))})),r}function et(t){return Object.keys(t).map((function(e){return"class"===e&&H(t[e])?"".concat(e,'="').concat(nt(t[e]),'"'):z(t[e])||L(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function nt(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function rt(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function ot(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function it(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?at(t):"rgb"==e?ct(t,n):"hsl"==e?ut(t):t}function at(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 ct(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(B(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!L(t))return 1==t.a||L(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 ut(t){return B(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||L(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,")")}var st={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 st.divs(t,st.len(t))},ang:function(t,e){return Math.acos(st.dot(t,e)/(st.len(t)*st.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),y=Math.sin(c),h=u*s*l+-f*p*y,d=f*s*l- -u*p*y,v=u*p*l+f*s*-y,b=u*s*y- -f*p*l;return{x:n*(1-2*(v*v+b*b))+r*(2*(d*v-b*h))+o*(2*(d*b+v*h)),y:n*(2*(d*v+b*h))+r*(1-2*(d*d+b*b))+o*(2*(v*b-d*h)),z:n*(2*(d*b-v*h))+r*(2*(b*v+d*h))+o*(1-2*(d*d+v*v))}}},lt={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:st,addVector:function(t,e){return st.add(t,e)},rotateVector:function(t,e){return st.rotate(t,e)}};function ft(t,e){return e=L(e)?1:e,Math.round(t*e)/e}function pt(t){return t*Math.PI/180}function yt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function ht(t){var e=180*t/Math.PI;return e<0&&(e=360+e),e}function dt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(pt(t))}function vt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(pt(t))}function bt(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:dt(t,e,n),y:vt(t,e,r)}}function mt(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 gt(t,e){return ht(Math.atan2(e,t))}function wt(t,e){return gt(t.x,t.y)-gt(e.x,e.y)}function Ot(t,e,n){var r=gt(t.x-e.x,t.y-e.y);return gt(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function kt(t,e){return(ht(Math.atan2(e,t))+180)%360}var St=/[xy]/g;function jt(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(St,(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 Pt(){var t=(new Date).getTime();return"idxxxxxxx".replace(St,(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 xt=function(t){return 3*t*t*(1-t)},Rt=function(t){return 3*t*(1-t)*(1-t)},$t=function(t){return(1-t)*(1-t)*(1-t)};function Et(t,e,n,r){var o=e,i=r;return function(t){return 1-(o*xt(t)+i*Rt(t)+$t(t))}}function _t(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 Ct(t,e,n){return L(n)?st.cross2d(t,e):st.cross2d(st.sub(e,t),st.sub(n,t))}function Tt(t,e,n,r){var o=Ct(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 Dt(t,e,n){for(var r=st.create(Math.min(e,n),Math.max(e,n)),o=-1,i=0,a=t.length;i<a;i++)if(st.equal(t[i],r)){o=i;break}o>-1?t.splice(o,1):t.push(r)}function At(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function It(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=st.create(-2e9,-2e9),t[e+1]=st.create(2e9,-2e9),t[e+2]=st.create(0,2e9);for(var n=[st.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(f=n[a]){var c=t[f.x],u=t[f.y],s=t[f.z],l=t[r];Tt(c,u,s,l)?(Dt(o,f.x,f.y),Dt(o,f.y,f.z),Dt(o,f.z,f.x),At(i,a,n.length-1),At(n,a,n.length-1),n.pop(),a--):i[a]=!0}}o.forEach((function(e){0===Ct(t[e.x],t[e.y],t[r])||n.push(st.create(e.x,e.y,r))}))}for(r=0;r<n.length;r++){var f;((f=n[r]).x>=e||f.y>=e||f.z>=e)&&(At(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 Vt(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=-n,s=t+n,l=-r,f=e+r,p=u;p<s;p+=o)for(var y=l;y<f;y+=o){var h=Math.floor(p+o/2*(a()*i*2-i)),d=Math.floor(y+o/2*(a()*i*2-i));c[c.length]={x:h,y:d}}return c}function Lt(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var Mt=/[\b\t \,\n]/g;function Bt(t){return t.trim().split(Mt).filter((function(t){return t})).map((function(t){return+t}))}function zt(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function Ft(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function Gt(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;c=Ft(c),u=Ft(u),s=Ft(s);var l=ft(255*c),f=ft(255*u),p=ft(255*s);return{r:l,g:f,b:p}}function Ht(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;o=zt(o);var c=95.047*(i=zt(i)),u=100*o,s=108.883*(a=zt(a));return{x:c,y:u,z:s}}function Xt(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function Yt(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;o=Xt(o);var c=116*(i=Xt(i))-16,u=500*(o-i),s=200*(i-(a=Xt(a)));return{l:c,a:u,b:s}}function Nt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return Gt(Ht(t,e,n))}function Kt(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=Math.min(o,i,a),s=c-u,l=0;0==s?l=0:c==o?l=(i-a)/s%6*60:c==i?l=60*((a-o)/s+2):c==a&&(l=60*((o-i)/s+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:s/c,v:c}}function Ut(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),u=(1-o-c)/(1-c),s=(1-i-c)/(1-c),l=(1-a-c)/(1-c);return{c:u,m:s,y:l,k:c}}function Wt(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:ft(360*o),s:ft(100*i),l:ft(100*u)}}function Zt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return qt((t+e+n)/3>90?0:255)}function qt(t){return{r:t,g:t,b:t}}function Jt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return qt(Math.ceil((t+e+n)/3))}function Qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return qt(ee(t,e,n).y)}function te(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function ee(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=te(t,e,n),i=.564*(n-o),a=.713*(t-o);return{y:o,cr:a,cb:i}}function ne(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function re(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=.4124*(o=ne(o))+.3576*(i=ne(i))+.1805*(a=ne(a)),u=.2126*o+.7152*i+.0722*a,s=.0193*o+.1192*i+.9505*a;return{x:c,y:u,z:s}}function oe(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Yt(re(t,e,n))}function ie(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.c,e=o.m,n=o.y,r=o.k}var i=255*(1-t)*(1-r),a=255*(1-e)*(1-r),c=255*(1-n)*(1-r);return{r:i,g:a,b:c}}function ae(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=t,i=e,a=n;o>=360&&(o=0);var c=i*a,u=c*(1-Math.abs(o/60%2-1)),s=a-c,l=[];return 0<=o&&o<60?l=[c,u,0]:60<=o&&o<120?l=[u,c,0]:120<=o&&o<180?l=[0,c,u]:180<=o&&o<240?l=[0,u,c]:240<=o&&o<300?l=[u,0,c]:300<=o&&o<360&&(l=[c,0,u]),{r:ft(255*(l[0]+s)),g:ft(255*(l[1]+s)),b:ft(255*(l[2]+s))}}function ce(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=ae(t,e,n);return Wt(o.r,o.g,o.b)}function ue(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 se(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o=le(t,e,n);return Kt(o.r,o.g,o.b)}function le(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=ue(u,c,t+1/3),i=ue(u,c,t),a=ue(u,c,t-1/3)}return{r:ft(255*o),g:ft(255*i),b:ft(255*a)}}function fe(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 pe={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)",currentColor:"currentColor"};var ye={isColorName:function(t){return!!pe[t]},getColorByName:function(t){return pe[t]}};function he(t){return function(t){if(Array.isArray(t))return de(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return de(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return de(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function de(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function ve(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function be(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ve(Object(n),!0).forEach((function(e){me(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ve(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function me(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ge=/(#(?:[\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 we(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Oe(t){return!!ke(t).length}function ke(t){var e=t.match(ge),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=ye.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=ke(t);return e.forEach((function(e){t=t.replace(e.color,we(e))})),{str:t,matches:e}}function je(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=Re(t),n.matches[e]&&(t=t.replace(we(n.matches[e]),n.matches[e].color)),t}))}function Pe(t,e){return e.forEach((function(e){t=t.replace(we(e),e.color)})),t}var xe=/^\s+|\s+$/g;function Re(t){return t.replace(xe,"")}function $e(t){if(F(t)){if(ye.isColorName(t)&&(t=ye.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Re(r[e]),10);return i=be(be({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),Wt(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(Re(r[e])):parseInt(Re(r[e]),10);return i=be(be({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),Wt(i))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Re(r[e]));return i=be(be({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),le(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(Re(r[e])):parseInt(Re(r[e]),10);return i=be(be({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),le(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=be(be({},i={type:"hex",r:r[0],g:r[1],b:r[2],a:1}),Wt(i))}}else if(Y(t)){var i;if(0<=t&&t<=16777215)return i=be(be({},i={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),Wt(i));if(0<=t&&t<=4294967295)return i=be(be({},i={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),Wt(i))}return t}function Ee(t){F(t)&&(t=je(t));var e=(t=t.map((function(t){if(F(t)){var e=Se(t),n=Re(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]=Pe(n[0],e.matches),n}if(Array.isArray(t))return t[1]?F(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",he(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 _e(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=Ce(t,e,n);return it(o,o.a<1?"rgb":r)}function Ce(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;return{r:ft(t.r+(e.r-t.r)*n),g:ft(t.g+(e.g-t.g)*n),b:ft(t.b+(e.b-t.b)*n),a:ft(t.a+(e.a-t.a)*n,100)}}function Te(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];F(t)&&(t=je(t));for(var n=(t=t||[]).length,r=[],o=0;o<n-1;o++)for(var i=0;i<e;i++)r.push(De(t[o],t[o+1],i/e));return r}function De(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=$e(t),i=$e(e);return _e(o,i,n,r)}function Ae(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 De(t,e,n,r)}function Ie(t){return t=$e(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function Ve(t){return Ie(t)>=128?"black":"white"}function Le(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=Ee(t)).length-1),o=r,i=1,a=t.length;i<a;i++){var c=t[i-1][0],u=t[i][0],s=1==i?t[i][1]:t[i][1]-t[i-1][1],l=i==t.length-1?o:Math.floor(s*r);n=n.concat(Te([c,u],l),[u]),o-=l}return n}function Me(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=$e(t),u=Kt(c),s=(i-o)*a/n,l=[],f=1;f<=n;f++)u[e]=Math.abs((a-s*f)/a),l.push(it(ae(u),r));return l}function Be(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return Me(t,"h",e,n,r,o,1)}function ze(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Me(t,"s",e,n,r,o,100)}function Fe(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Me(t,"v",e,n,r,o,100)}function Ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function He(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ge(Object(n),!0).forEach((function(e){Xe(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ge(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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}Te.parula=function(t){return Te(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},Te.jet=function(t){return Te(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},Te.hsv=function(t){return Te(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},Te.hot=function(t){return Te(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},Te.pink=function(t){return Te(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},Te.bone=function(t){return Te(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},Te.copper=function(t){return Te(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var Ye=He(He(He(He(He(He(He(He(He(He(He(He({},r),i),a),d),h),p),u),s),l),f),c),o),Ne=[{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=Ne.length;t<e;t++){var n=Ne[t],r=Ye.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var Ke={colors:Ne,checkHueColor:function(t){for(var e,n,r=0;r<Ne.length;r++)if(Ne[r].start>=t){e=Ne[r-1],n=Ne[r];break}return e&&n?Ye.interpolateRGB(e,n,(t-e.start)/(n.start-e.start)):Ne[0].rgb}};function Ue(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return We(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return We(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return a=t.done,t},e:function(t){c=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}function We(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ze(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qe(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ze(Object(n),!0).forEach((function(e){Je(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ze(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Je(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Qe=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)};function tn(t){var e,n={},r=Ue(t);try{for(r.s();!(e=r.n()).done;){var o=e.value;n[o.name]=o.value}}catch(t){r.e(t)}finally{r.f()}return n}function en(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){!function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=qe(qe({},e),n);Object.keys(r).forEach((function(r){Qe(t,r,e[r],n[r])}))}(e,tn(n.attributes),tn(e.attributes));var o=nn(e),i=nn(n),a=Math.max(o.length,i.length);for(r=0;r<a;r++)en(e,o[r],i[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,u}var nn=function(t){var e=t.firstElementChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextElementSibling}while(e);return n};function rn(t,e){t=t.el||t,e=e.el||e;for(var n=nn(t),r=nn(e),o=Math.max(n.length,r.length),i=0;i<o;i++)en(t,n[i],r[i],i)}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 an(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var cn={center:50,top:0,left:0,right:100,bottom:100},un=function t(){an(this,t)};un.CENTER="center",un.TOP="top",un.RIGHT="right",un.LEFT="left",un.BOTTOM="bottom";var sn=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,ln=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(an(this,t),this.value=e,Y(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 Y(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 M(cn[this.value])?t.percent(cn[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){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(ft(this.value,e),this.unit)}},{key:"floor",value:function(){return new t(Math.floor(this.value),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}},{key:"clamp",value:function(e,n){return new t(Math.max(e,Math.min(n,this.value)),this.unit)}}],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(F(e=e||t.number(0))){var n=(e=e.trim()).replace(sn,"$1 $2").split(" ");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 M(e.percent)?r=e.percent:M(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit)return r=0,M(e.px)?r=e.px:M(e.value)&&(r=e.value),t.px(r);if("em"==e.unit)return r=0,M(e.em)?r=e.em:M(e.value)&&(r=e.value),t.em(r);if("deg"==e.unit)return r=0,M(e.deg)?r=e.deg:M(e.value)&&(r=e.value),t.deg(r);if("turn"==e.unit)return r=0,M(e.deg)?r=e.turn:M(e.value)&&(r=e.value),t.turn(r);if("s"==e.unit)return r=0,M(e.second)?r=e.second:M(e.value)&&(r=e.value),t.second(r);if("ms"==e.unit)return r=0,M(e.ms)?r=e.ms:M(e.value)&&(r=e.value),t.ms(r);if("number"==e.unit)return r=0,M(e.value)&&(r=e.value),t.number(r);if("--"==e.unit)return r=0,M(e.value)&&(r=e.value),t.var(r);if(""===e.unit||"string"===e.unit)return r="",M(e.str)?r=e.str:M(e.value)&&(r=e.value),t.string(r)}return t.string(e)}}],n&&on(e.prototype,n),r&&on(e,r),t}();function fn(t){return function(t){if(Array.isArray(t))return pn(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return pn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pn(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function yn(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function hn(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}ln.auto=ln.string("auto");var dn=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),G(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:"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 yn({},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){this.parent().children().forEach((function(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 L(t)?this.el.innerHTML:(F(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){if(this.fragment){var e=this.createChildrenFragment();rn(e,t),this.html(e)}else this.empty().append(t),this.fragment=!0}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";rn(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";rn(this,t.create(n).html("<svg>".concat(e,"</svg>")).firstChild)}},{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){var n=this.findAll(e);return Object.keys(n).map((function(e){return t.create(n[e])}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return F(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return F(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(L(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(M(t)&&M(e))Object.assign(this.el.style,yn({},t,e));else if(M(t)){if(F(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 L(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,ln.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"offsetRect",value:function(){return{x:this.el.offsetLeft,y:this.el.offsetTop,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(L(e))return this.el.value;if(M(e)){var n=e;e instanceof t&&(n=e.val()),this.el.value=n}return this}},{key:"matches",value:function(t){return this.el&&this.el.matches?this.el.matches(t)?this:this.parent().matches(t):null}},{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:"isShow",value:function(){return!this.isHide()}},{key:"toggle",value:function(t){var e=this.isHide();return 1==arguments.length?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:"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?fn(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return t.create(this.el.firstElementChild)}}],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&&hn(e.prototype,n),r&&hn(e,r),t}(),vn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:wn;return" ".concat(e," ").concat(t)},bn=/^dom (.*)/gi,mn=/^load (.*)/gi,gn=/^bind (.*)/gi,wn="|",On={},kn=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"dom "+[r].concat(e).join(" ")}},Sn=kn,jn=kn("click"),Pn=kn("dblclick"),xn=(kn("mousedown"),kn("mouseup")),Rn=(kn("mousemove"),kn("mouseover"),kn("mouseout"),kn("mouseenter"),kn("mouseleave"),kn("touchstart"),kn("touchmove"),kn("touchend"),kn("keydown")),$n=kn("keyup"),En=(kn("keypress"),kn("drag"),kn("dragstart")),_n=kn("drop"),Cn=kn("dragover"),Tn=(kn("dragenter"),kn("dragleave"),kn("dragexit"),kn("dragout"),kn("dragend")),Dn=kn("contextmenu"),An=kn("change"),In=kn("input"),Vn=kn("focus"),Ln=(kn("focusin"),kn("focusout")),Mn=kn("blur"),Bn=(kn("paste"),kn("resize")),zn=kn("scroll"),Fn=kn("submit"),Gn=Sn("pointerdown"),Hn=Sn("pointermove"),Xn=Sn("pointerup"),Yn=Sn("change","input"),Nn=Sn("wheel","mousewheel","DOMMouseScroll"),Kn=(kn("animationstart"),kn("animationend"),kn("animationiteration"),kn("transitionstart"),kn("transitionend")),Un=(kn("transitionrun"),kn("transitioncancel"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:wn;return vn(t,e)}),Wn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:wn;return vn("after(".concat(t,")"),e)},Zn=Un,qn=Un,Jn=(Un("ArrowUp"),Un("ArrowDown"),Un("ArrowLeft"),Un("ArrowRight"),Un("Enter")),Qn=(Un("Space"),Un("Escape")),tr=Un("isAltKey"),er=(Un("isShiftKey"),Un("isMetaKey"),Un("isCtrlKey"),Un("self"),Un("fit"),Un("passive"),Un("vdom")),nr=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Un("debounce(".concat(t,")"))},rr=(nr(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Un("throttle(".concat(t,")"))}),or=(Un("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return Wn("bodyMouseMove ".concat(t))}),ir=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return Wn("bodyMouseUp ".concat(t))},ar=Wn("preventDefault"),cr=Wn("stopPropagation"),ur=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},sr=function(t){if(""===t)return"";var e=jt();return On[e]=t,e},lr=function(t){return function(){return this.prevState[t]!=this.state[t]}},fr=function(){return!0},pr=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?wn+sr(e):"")},yr={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 hr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var vr,br=function(){function t(){hr(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?_(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;Promise.resolve().then((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)}))}))}},{key:"triggerMessage",value:function(t,e,n,r,o,i){var a=this;Promise.resolve().then((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")}))}},{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)}}])&&dr(e.prototype,n),r&&dr(e,r),t}();function mr(t){return function(t){if(Array.isArray(t))return Or(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||wr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function gr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||wr(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function wr(t,e){if(t){if("string"==typeof t)return Or(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Or(t,e):void 0}}function Or(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function kr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Pr=(jr(vr={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),jr(vr,"initializeProperty",!0),jr(vr,"created",!0),jr(vr,"getRealEventName",!0),jr(vr,"initializeStoreEvent",!0),jr(vr,"destoryStoreEvent",!0),jr(vr,"destroy",!0),jr(vr,"emit",!0),jr(vr,"trigger",!0),jr(vr,"on",!0),jr(vr,"off",!0),jr(vr,"setState",!0),jr(vr,"_reload",!0),jr(vr,"render",!0),jr(vr,"initialize",!0),jr(vr,"afterRender",!0),jr(vr,"components",!0),jr(vr,"getRef",!0),jr(vr,"parseTemplate",!0),jr(vr,"childrenIds",!0),jr(vr,"exists",!0),jr(vr,"parseProperty",!0),jr(vr,"parseSourceName",!0),jr(vr,"parseComponent",!0),jr(vr,"clean",!0),jr(vr,"refresh",!0),jr(vr,"template",!0),jr(vr,"eachChildren",!0),jr(vr,"initializeEvent",!0),jr(vr,"destroy",!0),jr(vr,"self",!0),jr(vr,"isAltKey",!0),jr(vr,"isCtrlKey",!0),jr(vr,"isShiftKey",!0),jr(vr,"isMetaKey",!0),jr(vr,"preventDefault",!0),jr(vr,"stopPropagation",!0),jr(vr,"bodyMouseMove",!0),jr(vr,"bodyMouseUp",!0),vr),xr=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};kr(this,t),this.context=e,this.options=n}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){}},{key:"load",value:function(){}},{key:"refresh",value:function(){}},{key:"render",value:function(){}},{key:"getRef",value:function(t){return this.context.getRef(t)}},{key:"splitMethodByKeyword",value:function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=gr(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}},{key:"collectProps",value:function(){var t=this.context,e=t.__proto__,n=[];do{if(!1==e instanceof Object)break;var r=Object.getOwnPropertyNames(e).filter((function(e){return t&&X(t[e])&&!Pr[e]}));n.push.apply(n,mr(r)),e=e.__proto__}while(e);return n}},{key:"filterProps",value:function(t){return this.collectProps().filter((function(e){return e.match(t)}))}},{key:"run",value:function(){}},{key:"destroy",value:function(){}}])&&Sr(e.prototype,n),r&&Sr(e,r),t}();function Rr(t){return(Rr="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return Dr(t)}(t)||Er(t)||Tr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Er(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function _r(t,e){return Ar(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Tr(t,e)||Cr()}function Cr(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Tr(t,e){if(t){if("string"==typeof t)return Dr(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Dr(t,e):void 0}}function Dr(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ar(t){if(Array.isArray(t))return t}function Ir(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Lr(t,e){return(Lr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Mr(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zr(t);if(e){var o=zr(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Br(this,n)}}function Br(t,e){return!e||"object"!==Rr(e)&&"function"!=typeof e?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)}var Fr={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0,wheel:!0,mousewheel:!0},Gr=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Mr(i);function i(){return Ir(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.filterProps(bn)),this._domEvents.forEach((function(e){return t.parseEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{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;yr.removeEvent(n,e,r)}},{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:"matchPath",value:function(t,e){return t?t.matches(e)?t:this.matchPath(t.parentElement,e):null}},{key:"hasDelegate",value:function(t,e){return this.matchPath(t.target||t.srcElement,e.delegate)}},{key:"makeCallback",value:function(t,e){return t.delegate?this.makeDelegateCallback(t,e):this.makeDefaultCallback(t,e)}},{key:"makeDefaultCallback",value:function(t,e){var n=this;return function(r){var o=n.runEventCallback(r,t,e);if(M(o))return o}}},{key:"makeDelegateCallback",value:function(t,e){var n=this;return function(r){var o=n.hasDelegate(r,t);if(o){r.$dt=dn.create(o);var i=n.runEventCallback(r,t,e);if(M(i))return i}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=yr.posXY(t),e.beforeMethods.length&&e.beforeMethods.every((function(e){return r[e.target].call(r,t,e.param)})),this.checkEventType(t,e)){var o=n(t,t.$dt,t.xy);return!1!==o&&e.afterMethods.length&&e.afterMethods.forEach((function(e){return r[e.target].call(r,t,e.param)})),o}}},{key:"checkEventType",value:function(t,e){var n=this.context,r=!0;e.codes.length&&(r=!!t.code&&e.codes.indexOf(t.code.toLowerCase())>-1||!!t.key&&e.codes.indexOf(t.key.toLowerCase())>-1);var o=!0;return e.checkMethodList.length&&(o=e.checkMethodList.every((function(e){var r=n[e];return X(r)&&r?r.call(n,t):!M(r)||!!r}))),r&&o}},{key:"getDefaultDomElement",value:function(t){var e,n=this.context;return(e=t?n.refs[t]||n[t]||window[t]:n.el||n.$el||n.$root)instanceof dn?e.getElement():e}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,o=r.filter((function(t){return!!n[t]})),i=_r(this.splitMethodByKeyword(r,"after"),2),a=i[0],c=i[1],u=_r(this.splitMethodByKeyword(r,"before"),2),s=u[0],l=u[1],f=_r(this.splitMethodByKeyword(r,"debounce"),2),p=f[0],y=f[1],h=_r(this.splitMethodByKeyword(r,"throttle"),2),d=h[0],v=h[1],b=_r(this.splitMethodByKeyword(r,"capture"),1)[0],m=[].concat($r(o),$r(a),$r(s),$r(p),$r(d),$r(b));return{eventName:t,codes:r.filter((function(t){return-1===m.indexOf(t)})).map((function(t){return t.toLowerCase()})),captures:b,afterMethods:c,beforeMethods:l,debounceMethods:y,throttleMethods:v,checkMethodList:o}}},{key:"addEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;Fr[t.eventName]&&(n={passive:!0,capture:n}),yr.addEvent(t.dom,t.eventName,t.callback,n)}},{key:"bindingEvent",value:function(t,e,n){var r=function(t){return Ar(t)||Er(t)||Tr(t)||Cr()}(t),o=r[0],i=r[1],a=r.slice(2),c=(this.context,this.getDefaultEventObject(o,e));c.dom=this.getDefaultDomElement(i),c.delegate=a.join(" "),c.debounceMethods.length?n=_(n,+c.debounceMethods[0].target):c.throttleMethods.length&&(n=C(n,+c.throttleMethods[0].target)),this.addEvent(c,n)}},{key:"getEventNames",value:function(t){var e=[];return t.split(":").forEach((function(t){var n=t.split(":");e.push.apply(e,$r(n))})),e}},{key:"parseEvent",value:function(t){var e=this,n=this.context,r=t.split(wn).map((function(t){return t.trim()})),o=r.shift().split("dom ")[1].split(" "),i=this.getEventNames(o[0]),a=n[t].bind(n);i.forEach((function(t){o[0]=t,e.bindingEvent(o,r,a)}))}}])&&Vr(e.prototype,n),r&&Vr(e,r),i}(xr);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){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Jr(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Yr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Nr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Kr(t,e){return(Kr=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ur(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Zr(t);if(e){var o=Zr(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Wr(this,n)}}function Wr(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){return(Zr=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qr(t){return function(t){if(Array.isArray(t))return Qr(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Jr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Jr(t,e){if(t){if("string"==typeof t)return Qr(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Qr(t,e):void 0}}function Qr(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var to,eo=function(t,e,n){"cssText"!==e?"style"!==e?"class"!==e?L(n)?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"value"===e?t.val(n):t.attr(e,n):B(n)?t.addClass.apply(t,qr(n)):H(n)?T(n,(function(e,n){return t.toggleClass(e,n)})):t.addClass(n):G(n)&&t.css(n):t.cssText(n)},no=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ur(i);function i(){return Yr(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{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(gn)),this._bindMethods.filter((function(t){if(!n.length)return!0;var e=Xr(t.split(wn),2),r=e[0],o=(e[1],Xr(r.split(" "),2)),i=(o[0],o[1]);return n.indexOf(i)>-1})).forEach((function(e){var r=t.context[e],o=Xr(e.split(wn),2),i=(e=o[0],o[1]),a=t.getRef(i),c=fr;""!=a&&F(a)?c=lr(a):X(a)&&(c=a);var u=e.split("bind ")[1],s=t.context.refs[u],l=X(c)&&c.call(t.context);if(s&&l){var f=r.call.apply(r,[t.context].concat(n));if(!f)return;T(f,(function(t,e){eo(s,t,e)}))}}))}},{key:"destroy",value:function(){this._bindMethods=void 0}}])&&Nr(e.prototype,n),r&&Nr(e,r),i}(xr);function ro(){var t=ao(["",""]);return ro=function(){return t},t}function oo(t){return vo(t)||uo(t)||yo(t)||po()}function io(){var t=ao(["\n        ","\n      "]);return io=function(){return t},t}function ao(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function co(t){return function(t){if(Array.isArray(t))return ho(t)}(t)||uo(t)||yo(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function uo(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function so(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fo(t,e){return vo(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||yo(t,e)||po()}function po(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function yo(t,e){if(t){if("string"==typeof t)return ho(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ho(t,e):void 0}}function ho(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function vo(t){if(Array.isArray(t))return t}var bo=dn.create("div"),mo="[".concat("ref","]"),go=(lo(to={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),lo(to,"initializeProperty",!0),lo(to,"created",!0),lo(to,"getRealEventName",!0),lo(to,"initializeStoreEvent",!0),lo(to,"destoryStoreEvent",!0),lo(to,"destroy",!0),lo(to,"emit",!0),lo(to,"trigger",!0),lo(to,"on",!0),lo(to,"off",!0),lo(to,"setState",!0),lo(to,"_reload",!0),lo(to,"render",!0),lo(to,"initialize",!0),lo(to,"afterRender",!0),lo(to,"components",!0),lo(to,"getRef",!0),lo(to,"parseTemplate",!0),lo(to,"childrenIds",!0),lo(to,"exists",!0),lo(to,"parseProperty",!0),lo(to,"parseSourceName",!0),lo(to,"parseComponent",!0),lo(to,"clean",!0),lo(to,"refresh",!0),lo(to,"loadTemplate",!0),lo(to,"load",!0),lo(to,"bindData",!0),lo(to,"template",!0),lo(to,"eachChildren",!0),lo(to,"initializeEvent",!0),lo(to,"destroy",!0),lo(to,"collectProps",!0),lo(to,"filterProps",!0),lo(to,"self",!0),lo(to,"isAltKey",!0),lo(to,"isCtrlKey",!0),lo(to,"isShiftKey",!0),lo(to,"isMetaKey",!0),lo(to,"preventDefault",!0),lo(to,"stopPropagation",!0),lo(to,"bodyMouseMove",!0),lo(to,"bodyMouseUp",!0),to),wo=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.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=jt(),this.handlers=this.initializeHandler(),this.initializeProperty(e,n),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=co(this.childComponentSet.keys()).join(",")}},{key:"initializeHandler",value:function(){return[new no(this),new Gr(this)]}},{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.state={},this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(t){this.$el=this.parseTemplate(J(io(),this.template())),this.refs.$el=this.$el,t&&t.append(this.$el),this.load(),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;B(t)&&(t=t.join("")),t=t.trim();var r=bo.html(t).children();return r.forEach((function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(mo),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?bo.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return D(this.children,(function(t,e){return e.id}))}},{key:"exists",value:function(){return!this.parent||!X(this.parent.childrenIds)||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(t){var e,n={},r=function(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=yo(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return a=t.done,t},e:function(t){c=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}(t.el.attributes);try{for(r.s();!(e=r.n()).done;){var o=e.value;n[o.nodeName]=o.nodeValue}}catch(t){r.e(t)}finally{r.f()}return t.$$("property").forEach((function(t){var e=fo(t.attrs("name","value","type"),3),r=e[0],o=e[1],i=e[2],a=o||t.text();"json"===i&&(a=JSON.parse(a)),n[r]=a})),n}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(co(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()),e.replace(c.$el)})),T(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return T(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[ur(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(mn)),this._loadMethods.filter((function(t){var e=t.split("load ")[1].split(wn)[0];return!n.length||n.indexOf(e)>-1})).forEach((function(e){var r=oo(e.split("load ")[1].split(wn).map((function(t){return t.trim()}))),o=r[0],i=r.slice(1),a=(i=i.map((function(t){return t.trim()}))).indexOf(er.value)>-1;if(t.refs[o]){var c,u=(c=t[e]).call.apply(c,[t].concat(n));B(u)&&(u=u.join(""));var s=t.parseTemplate(J(ro(),u),!0);a?t.refs[o].htmlDiff(s):t.refs[o].html(s)}})),this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"runHandlers",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"run",e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.handlers.forEach((function(e){return e[t].apply(e,n)}))}},{key:"bindData",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.runHandlers.apply(this,["load"].concat(e))}},{key:"template",value:function(){return"<div></div>"}},{key:"eachChildren",value:function(t){X(t)&&T(this.children,(function(e,n){t(n)}))}},{key:"rerender",value:function(){var t=this.$el.parent();this.destroy(),this.render(t)}},{key:"destroy",value:function(){this.eachChildren((function(t){t.destroy()})),this.runHandlers("destroy"),this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{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 t&&X(t[e])&&!go[e]}));n.push.apply(n,co(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.$dt&&t.$dt.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)}}])&&so(e.prototype,n),r&&so(e,r),t}();function Oo(t){return(Oo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ko(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return So(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return So(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function So(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function jo(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function xo(t,e,n){return(xo="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=_o(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 Ro(t,e){return(Ro=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $o(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_o(t);if(e){var o=_o(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Eo(this,n)}}function Eo(t,e){return!e||"object"!==Oo(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _o(t){return(_o=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Co=/^ME@/,To=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")},Do=function(){return"ME@"+To.apply(void 0,arguments)},Ao=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ro(t,e)}(i,t);var e,n,r,o=$o(i);function i(t){var e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return jo(this,i),(e=o.call(this,t,n)).created(),e.initialize(),e.initializeStoreEvent(),e}return e=i,(n=[{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=jt(),this.sourceName=this.constructor.name,t&&t.$store&&(this.$store=t.$store),t&&t.$editor&&(this.$editor=t.$editor)}},{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.filterProps(Co).forEach((function(e){var n=t.getRealEventName(e,"ME@"),r=ko(function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=fo(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}(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="".concat(t.sourceName,".").concat(n),r.source=t.source,t.$store.on(n,r,t,a)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){xo(_o(i.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){xo(_o(i.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{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)}},{key:"$i18n",value:function(t){return this.$editor.i18n(t)}},{key:"$initI18n",value:function(t){return this.$editor.initI18n(t)}},{key:"$theme",value:function(t){return this.$editor.themeValue(t)}},{key:"$config",get:function(){return this.$editor.config}},{key:"$selection",get:function(){return this.$editor.selection}},{key:"$timeline",get:function(){return this.$editor.timeline}}])&&Po(e.prototype,n),r&&Po(e,r),i}(wo),Io={en_US:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.label.lang":"Language","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.gray":"Gray","app.label.theme":"Theme","app.tab.title.projects":"Projects","app.tab.title.layers":"Layers","app.tab.title.libraries":"Library","app.tab.title.components":"Object","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","menu.item.download.title":"Download","menu.item.save.title":"Save","menu.item.export.title":"Export","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"Screen","menu.item.github.title":"Github","menu.item.learn.title":"Learn","project.property.title":"Project","project.information.property.title":"Project information","project.information.property.name":"Name","project.information.property.description":"Description","artboard.property.title":"ArtBoards","artboard.property.layout.title.flex":"Flex","artboard.property.layout.title.grid":"Grid","layer.tree.property.title":"Layers","layer.tree.property.layout.title.flex":"Flex","layer.tree.property.layout.title.grid":"Grid","alignment.property.title":"Alignment","position.property.title":"Position","position.property.X":"X","position.property.Y":"Y","size.property.title":"Size","size.property.width":"Width","size.property.height":"Height","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","background.color.property.opacity":"Opacity","background.color.property.blend":"Blend","background.color.property.overflow":"Overflow","background.color.property.overflow.visible":"Visible","background.color.property.overflow.hidden":"Hidden","background.color.property.overflow.scroll":"Scroll","background.color.property.overflow.auto":"Auto","blend.normal":"normal","blend.multiply":"multiply","blend.screen":"screen","blend.overlay":"overlay","blend.darken":"darken","blend.lighten":"lighten","blend.color-dodge":"color-dodge","blend.color-burn":"color-burn","blend.hard-light":"hard-light","blend.soft-light":"soft-light","blend.difference":"difference","blend.exclusion":"exclusion","blend.hue":"hue","blend.saturation":"saturation","blend.color":"color","blend.luminosity":"luminosity","background.image.property.title":"Fill","border.property.title":"Border","border.radius.property.title":"Border Radius","boxshadow.property.title":"Box Shadows","filter.property.title":"Filter","filter.property.blur":"Blur","filter.property.grayscale":"GrayScale","filter.property.hue-rotate":"Hue Rotate","filter.property.invert":"Invert","filter.property.brightness":"Brightness","filter.property.contrast":"Contrast","filter.property.drop-shadow":"Drop Shadow","filter.property.drop-shadow.color":"Color","filter.property.drop-shadow.offsetX":"Offset X","filter.property.drop-shadow.offsetY":"Offset Y","filter.property.drop-shadow.blurRadius":"Blur","filter.property.opacity":"Opacity","filter.property.saturate":"Saturate","filter.property.sepia":"Sepia","filter.property.svg":"SVG","font.property.title":"Font","font.property.color":"Color","font.property.size":"Size","font.property.stretch":"Stretch","font.property.weight":"Weight","font.property.style":"Style","font.property.family":"Family","font.spacing.property.title":"Font spacing","font.spacing.property.lineHeight":"Line height","font.spacing.property.letterSpacing":"Letter spacing","font.spacing.property.wordSpacing":"Word spacing","font.spacing.property.indent":"Indent","backdrop.filter.property.title":"Backdrop Filter","clippath.property.title":"Clip Path","export.property.title":"Export","export.property.download":"Download","image.property.title":"Image","image.property.origin":"Origin","image.property.size":"Size","image.property.width":"Width","image.property.height":"height","video.property.title":"Video","video.property.play":"Play","video.property.pause":"Pause","video.property.volume":"Volume","video.property.playbackRate":"Playback Rate","video.property.currentTime":"Current Time","video.property.playTime":"Play Time Distance","motion.property.title":"Motion","text.property.title":"Text Style","text.property.align":"Align","text.property.transform":"Transform","text.property.decoration":"Decoration","text.clip.property.title":"Text Clip","text.shadow.property.title":"Text Shadows","text.fill.property.title":"Text Fill","text.fill.property.fill":"Fill","text.fill.property.stroke":"Stroke","text.fill.property.strokeWidth":"Width","transform.property.title":"Transform","transform.origin.property.title":"Transform Origin","transition.property.title":"CSS Transition","keyframe.property.title":"CSS Keyframe","selector.property.title":"Selector","selector.property.none":"None selector","path.data.property.title":"Path Information","polygon.data.property.title":"Polygon Information","perspective.property.title":"Perspective","perspective.origin.property.title":"Perspective Origin","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"Motion Path","svg.item.property.fill":"Fill","svg.item.property.fillOpacity":"Opacity","svg.item.property.path":"Path","svg.item.property.polygon":"Polygon","svg.item.property.totalLength":"Total Length","svg.item.property.fillRule":"Fill Rule","svg.item.property.stroke":"Stroke","svg.item.property.strokeWidth":"Width","svg.item.property.dashArray":"Dash Array","svg.item.property.dashOffset":"Dash Offset","svg.item.property.lineCap":"Line Cap","svg.item.property.lineJoin":"Line Join","svg.item.property.filter":"Filter","border.editor.all":"All","border.editor.width":"Width","border.editor.style":"Style","border.editor.color":"C","border.editor.top":"Top","border.editor.left":"Left","border.editor.right":"Right","border.editor.bottom":"Bottom","border.radius.editor.topLeft":"Top Left","border.radius.editor.topRight":"Top Right","border.radius.editor.bottomLeft":"Bottom Left","border.radius.editor.bottomRight":"Bottom Right","boxshadow.editor.blur":"Blur","boxshadow.editor.spread":"Spread","css.property.editor.properties":"Properties","offset.path.list.editor.path":"Path","offset.path.list.editor.totalLength":"Total Length","offset.path.list.editor.distance":"Distance","offset.path.list.editor.direction":"Direction","offset.path.list.editor.rotate":"Rotate","svgfilter.select.editor.message.create":"Create new svg filter","svgfilter.select.editor.message.select":"Select a filter","fill.editor.message.click.image":"Click the preview area if you want to select a image","fill.editor.message.drag.position":"Drag if you want to move center position","fill.editor.x1":"Start X","fill.editor.x2":"End X","fill.editor.y1":"Start Y","fill.editor.y2":"End Y","fill.editor.spread":"Spread","fill.editor.offset":"Offset","fill.editor.cx":"Center X","fill.editor.cy":"Center Y","fill.editor.r":"End radius","fill.editor.fx":"Start X","fill.editor.fy":"Start Y","fill.editor.fr":"Start radius","perspective.origin.editor.originX":"Origin X","perspective.origin.editor.originY":"Origin Y","path.manager.msg":"Keydown ESC or Enter key to close editing","path.manager.mode.modify":"Modify","path.manager.mode.path":"Path","path.manager.mode.transform":"Transform","path.manager.mode.flipX":"Flip X","path.manager.mode.flipY":"Flip Y","path.manager.mode.flipOrigin":"Flip Origin","colorpicker.popup.title":"ColorPicker","selector.popup.title":"Selector Property","selector.popup.selector":"Selector","background.image.position.popup.title":"Background Pattern","background.image.position.popup.size":"Size","background.image.position.popup.width":"Width","background.image.position.popup.height":"Height","background.image.position.popup.repeat":"Repeat","background.image.position.popup.blend":"Blend","background.image.position.popup.type.repeat":"repeat","background.image.position.popup.type.no-repeat":"no repeat","background.image.position.popup.type.repeat-x":"repeat-x","background.image.position.popup.type.repeat-y":"repeat-y","background.image.position.popup.type.space":"space","background.image.position.popup.type.round":"round","gradient.picker.popup.title":"Gradient & Image Picker","image.asset.property.title":"Image","video.asset.property.title":"Video","color.asset.property.title":"Color","gradient.asset.property.title":"Gradient","pattern.asset.property.title":"Pattern","svgfilter.asset.property.title":"SVG Filter","inspector.tab.title.style":"Style","inspector.tab.title.component":"Component","inspector.tab.title.transition":"Transition & Animation","inspector.tab.title.asset":"Assets","inspector.tab.title.text":"Text","inspector.tab.title.code":"Code","timeline.property.title":"Timeline","timeline.animation.property.title":"Animations","timeline.play.control.play":"Play","timeline.play.control.pause":"Pause","timeline.play.control.first":"First","timeline.play.control.prev":"Previous","timeline.play.control.next":"Next","timeline.play.control.last":"Last","timeline.play.control.direction":"Direction","timeline.play.control.speed":"Speed","timeline.play.control.repeat":"Repeat","timeline.play.control.infinite":"Infinite","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"Value","timeline.value.editor.time":"Time","timeline.value.editor.timing":"Timing","svgfilter.popup.title":"SVG Filter","css.item.rotate":"Rotate","css.item.rotateX":"Rotate X","css.item.rotateY":"Rotate Y","css.item.rotateZ":"Rotate Z","css.item.rotate3d":"3D Rotate","css.item.skewX":"Skew X","css.item.skewY":"Skew Y","css.item.translate":"Translate","css.item.translateX":"Translate X","css.item.translateY":"Translate Y","css.item.translateZ":"Translate Z","css.item.translate3d":"3D Translate","css.item.perspective":"Perspective","css.item.scale":"Scale","css.item.scaleX":"Scale X","css.item.scaleY":"Scale Y","css.item.scaleZ":"Scale Z","css.item.scale3d":"3D Scale","css.item.matrix":"Matrix","css.item.matrix3d":"3D Matrix","animation.property.title":"CSS Animation","animation.property.direction":"Direction","animation.property.play.state":"Play State","animation.property.fill.mode":"Fill Mode","animation.property.delay":"Delay","animation.property.duration":"Duration","animation.property.iteration.count":"Iteration Count","animation.property.Select a keyframe":"Select a keyframe","animation.property.popup.title":"Animation","animation.property.popup.timing.function":"Timing Function","animation.property.popup.keyframe":"Keyframe","animation.property.popup.direction":"Direction","animation.property.popup.play.state":"Play State","animation.property.popup.fill.mode":"Fill Mode","animation.property.popup.delay":"Delay","animation.property.popup.duration":"Duration","animation.property.popup.iteration":"Iteration","animation.property.popup.normal":"normal","animation.property.popup.reverse":"reverse","animation.property.popup.alternate":"alternate","animation.property.popup.alternate-reverse":"alternate-reverse","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"Select a keyframe","keyframe.popup.title":"Keyframe","code.view.property.title":"CodeView","svg.filter.editor.tab.filter":"Filter","svg.filter.editor.tab.preset":"Preset","svg.filter.editor.tab.asset":"Assets","svg.filter.editor.GRAPHIC REFERENCES":"GRAPHIC REFERENCES","svg.filter.editor.SOURCES":"SOURCES","svg.filter.editor.MODIFIER":"MODIFIER","svg.filter.editor.LIGHTING":"LIGHTING","svg.filter.editor.COMBINERS":"COMBINERS","svg.filter.editor.Template":"Template","layout.property.title":"Layout","layout.property.flex":"Flex Box","layout.property.grid":"Grid","layout.property.default":"Default","flex.layout.editor.row":"Row","flex.layout.editor.column":"column","flex.layout.editor.row-reverse":"Row Reverse","flex.layout.editor.column-reverse":"Column Reverse","flex.layout.editor.nowrap":"Nowrap","flex.layout.editor.wrap":"Wrap","flex.layout.editor.wrap-reverse":"Wrap Reverse","flex.layout.editor.flex-start":"Start","flex.layout.editor.flex-end":"End","flex.layout.editor.center":"Center","flex.layout.editor.space-between":"Between","flex.layout.editor.space-around":"Around","flex.layout.editor.baseline":"BaseLine","flex.layout.editor.stretch":"Stretch","flex.layout.editor.direction":"Direction","flex.layout.editor.justify-content":"Justify Content","flex.layout.editor.align-items":"Align Items","flex.layout.editor.align-content":"Align Content","flex.layout.item.property.title":"Layout Item Detail","flex.layout.item.property.grow":"Flex Grow","flex.layout.item.property.shrink":"Flex Shrink","flex.layout.item.property.basis":"Flex Basis","flex.layout.item.property.none":"none","flex.layout.item.property.auto":"auto","flex.layout.item.property.value":"value","grid.layout.editor.template.columns":"Columns","grid.layout.editor.column.gap":"Column Gap","grid.layout.editor.template.rows":"Rows","grid.layout.editor.row.gap":"Row Gap","grid.box.editor.box.title":"Box","grid.box.editor.type":"Type","grid.box.editor.repeat":"Repeat","grid.box.editor.length":"Length","grid.box.editor.none":"None","grid.box.editor.auto":"Auto","grid.box.editor.count":"Count","grid.box.editor.value":"Size","grid.layout.item.property.title":"Layout Item Detail","grid.layout.item.property.column":"Column","grid.layout.item.property.row":"Row","grid.layout.item.property.start":"Start","grid.layout.item.property.end":"End","grid.layout.item.property.none":"none","grid.layout.item.property.value":"value","box.model.property.title":"Box Model","box.model.property.margin":"Margin","box.model.property.padding":"Padding","component.items.canvas":"Canvas","component.items.layer":"Layer","component.items.3dlayer":"3D Layer","component.items.drawing":"Drawing","component.items.custom":"Custom Component","svg.text.property.title":"SVG Text Style","svg.text.property.textarea":"Text Area","svg.text.property.size":"Font Size","svg.text.property.weight":"Font Weight","svg.text.property.style":"Font Style","svg.text.property.anchor":"Text Anchor","svg.text.property.family":"Font Family","svg.text.property.length.adjust":"Length Adjust","svg.text.property.text.length":"Text Length","svg.text.property.start.offset":"Start Offset","fill.picker.popup.title":"SVG Fragment picker","gradient.editor.drag.message":"Drag if you want to move center pointer.","draw.manager.tolerance":"Tolerance","pattern.property.title":"Pattern","pattern.info.popup.title":"Pattern Info","pattern.info.popup.width":"Width","pattern.info.popup.height":"Height","pattern.info.popup.lineWidth":"Line Width","pattern.info.popup.lineHeight":"Line Height","pattern.info.popup.rotate":"Rotate","pattern.info.popup.blend":"Blend Mode","pattern.info.popup.foreColor":"Fore","pattern.info.popup.backColor":"Back","stroke.dasharray.editor.add":"Add Dash"},ko_KR:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.label.lang":"언어","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.gray":"회색","app.label.theme":"테마","app.tab.title.projects":"프로젝트","app.tab.title.layers":"레이어","app.tab.title.libraries":"라이브러리","app.tab.title.components":"컴포넌트","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.github.title":"Github","menu.item.learn.title":"배우기","project.property.title":"프로젝트","project.information.property.title":"프로젝트 정보","project.information.property.name":"이름","project.information.property.description":"설명","artboard.property.title":"아트보드","artboard.property.layout.title.flex":"플렉스","artboard.property.layout.title.grid":"그리드","layer.tree.property.title":"레이어","layer.tree.property.layout.title.flex":"플렉스","layer.tree.property.layout.title.grid":"그리드","alignment.property.title":"정렬","position.property.title":"위치","position.property.X":"X","position.property.Y":"Y","size.property.title":"크기","size.property.width":"넓이","size.property.height":"높이","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","background.color.property.opacity":"투명도","background.color.property.blend":"블렌드모드","background.color.property.overflow":"오버플로우","background.color.property.overflow.visible":"보이기","background.color.property.overflow.hidden":"숨기기","background.color.property.overflow.scroll":"스크롤","background.color.property.overflow.auto":"자동","blend.normal":"Normal(표준) 혼합모드","blend.multiply":"Multiply(곱하기) 모드","blend.screen":"Screen(스크린) 모드 ","blend.overlay":"Overlay(오버레이) 모드","blend.darken":"Darken(어둡기) 모드","blend.lighten":"Lighten(밝기) 모드 ","blend.color-dodge":"Color Dodge(컬러 닷지) 모드 ","blend.color-burn":"Color Burn(컬러 번) 모드 ","blend.hard-light":"Hard Light(하드 라이트) 모드 ","blend.soft-light":"Soft Light(소프트 라이트) 모드 ","blend.difference":"Difference(차이) 모드","blend.exclusion":"Exclusion(제외) 모드","blend.hue":"Hue(색조) 모드 ","blend.saturation":"Saturation(채도) 모드","blend.color":"Color(색상) 모드","blend.luminosity":"Luminosity(광도) 모드 ","background.image.property.title":"배경(그라디언트)","border.property.title":"외곽선","border.radius.property.title":"둥근 외곽선","boxshadow.property.title":"그림자","filter.property.title":"필터","filter.property.blur":"흐림(Blur)","filter.property.grayscale":"회색(GrayScale)","filter.property.hue-rotate":"색조(HueRotate)","filter.property.invert":"반전(Invert)","filter.property.brightness":"밝기(Brightness)","filter.property.contrast":"대\b조(Contrast)","filter.property.drop-shadow":"그림자(Drop Shadow)","filter.property.drop-shadow.color":"색","filter.property.drop-shadow.offsetX":"X 간격","filter.property.drop-shadow.offsetY":"Y 간격","filter.property.drop-shadow.blurRadius":"흐림","filter.property.opacity":"투명도(Opacity)","filter.property.saturate":"채도(Saturate)","filter.property.sepia":"갈색톤(Sepia)","filter.property.svg":"SVG","font.property.title":"폰트","font.property.color":"색","font.property.size":"크기","font.property.stretch":"뻗기","font.property.weight":"굵기","font.property.style":"스타일","font.property.family":"글꼴","font.spacing.property.title":"폰트 공간","font.spacing.property.lineHeight":"줄 높이","font.spacing.property.letterSpacing":"글자 간격","font.spacing.property.wordSpacing":"단어 간격","font.spacing.property.indent":"들여쓰기","backdrop.filter.property.title":"후면 필터","clippath.property.title":"클립패스","export.property.title":"내보내기","export.property.download":"다운로드","image.property.title":"이미지","image.property.origin":"원본","image.property.size":"크기","image.property.width":"넓이","image.property.height":"높이","video.property.title":"비디오","video.property.play":"시작","video.property.pause":"멈춤","video.property.volume":"볼륨","video.property.playbackRate":"빠르기","video.property.currentTime":"현재 시간","video.property.playTime":"플레이 시간 간격","motion.property.title":"모션","path.data.property.title":"패스 정보","polygon.data.property.title":"폴리곤 정보","text.property.title":"텍스트 스타일","text.property.align":"정렬","text.property.transform":"변형","text.property.decoration":"장식","text.clip.property.title":"텍스트 클립","text.shadow.property.title":"텍스트 그림자","text.fill.property.title":"텍스트 채우기","text.fill.property.fill":"채우기","text.fill.property.stroke":"윤곽선","text.fill.property.strokeWidth":"윤곽선 굵기","transform.property.title":"트랜스폼","transform.origin.property.title":"트랜스폼 Origin","transition.property.title":"CSS 트랜지션","keyframe.property.title":"CSS 키프레임","selector.property.title":"CSS 셀렉터","selector.property.none":"선택자 없음","perspective.property.title":"투영(perspective)","perspective.origin.property.title":"투영 중심점","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"모션 패스","svg.item.property.fill":"채우기","svg.item.property.fillOpacity":"투명도","svg.item.property.path":"패스","svg.item.property.polygon":"폴리곤","svg.item.property.totalLength":"전체 길이","svg.item.property.fillRule":"채우기 규칙","svg.item.property.stroke":"선","svg.item.property.strokeWidth":"선 굵기","svg.item.property.dashArray":"점선 길이","svg.item.property.dashOffset":"점선 위치","svg.item.property.lineCap":"선 모양","svg.item.property.lineJoin":"겹친 선","svg.item.property.filter":"필터","border.editor.all":"전체","border.editor.width":"크기","border.editor.style":"스타일","border.editor.color":"색","border.editor.top":"위","border.editor.left":"왼쪽","border.editor.right":"오른쪽","border.editor.bottom":"아래","border.radius.editor.topLeft":"왼쪽 위","border.radius.editor.topRight":"오른쪽 위","border.radius.editor.bottomLeft":"왼쪽 아래","border.radius.editor.bottomRight":"오른쪽 아래","boxshadow.editor.blur":"흐림","boxshadow.editor.spread":"길이","css.property.editor.properties":"속성","offset.path.list.editor.path":"패스","offset.path.list.editor.totalLength":"전체 길이","offset.path.list.editor.distance":"거리","offset.path.list.editor.direction":"방향","offset.path.list.editor.rotate":"회전","svgfilter.select.editor.message.create":"새로운 SVG Filter 를 만드세요.","svgfilter.select.editor.message.select":"필터를 선택하세요.","fill.editor.message.click.image":"이미지를 선택하고 싶으면 프리뷰 영역을 클릭하세요.","fill.editor.message.drag.position":"가운데 위치를 드래그 해보세요.","fill.editor.x1":"시작 X","fill.editor.x2":"끝 X","fill.editor.y1":"시작 Y","fill.editor.y2":"끝 Y","fill.editor.spread":"확산","fill.editor.offset":"위치","fill.editor.cx":"중심점 X","fill.editor.cy":"중심점 Y","fill.editor.r":"끝 반지름","fill.editor.fx":"시작 X","fill.editor.fy":"시작 Y","fill.editor.fr":"시작 반지름","perspective.origin.editor.originX":"중심점 X","perspective.origin.editor.originY":"중심점 Y","path.manager.msg":"편집을 종료할 때는 ESC 키나 Enter 키를 누르세요. 또는 화면을 클릭하시면 됩니다.","path.manager.mode.modify":"점 편집","path.manager.mode.path":"점 추가","path.manager.mode.transform":"변형","path.manager.mode.flipX":"X축 회전","path.manager.mode.flipY":"Y축 회전","path.manager.mode.flipOrigin":"전체 회전","colorpicker.popup.title":"색상 선택","selector.popup.title":"선택자 속성","selector.popup.selector":"선택자","background.image.position.popup.title":"배경 패턴","background.image.position.popup.size":"크기","background.image.position.popup.width":"넓이","background.image.position.popup.height":"높이","background.image.position.popup.repeat":"반복","background.image.position.popup.blend":"블렌드","background.image.position.popup.type.repeat":"반복","background.image.position.popup.type.no-repeat":"반복 안함","background.image.position.popup.type.repeat-x":"x축 반복","background.image.position.popup.type.repeat-y":"y축 반복","background.image.position.popup.type.space":"공백유지","background.image.position.popup.type.round":"반올림","gradient.picker.popup.title":"그라디언트와 이미지","image.asset.property.title":"이미지","video.asset.property.title":"비디오","color.asset.property.title":"색","gradient.asset.property.title":"그라디언트","pattern.asset.property.title":"패턴","svgfilter.asset.property.title":"SVG 필터","inspector.tab.title.style":"스타일 속성","inspector.tab.title.component":"컴포넌트 속성","inspector.tab.title.transition":"트랜지션과 애니메이션 속성","inspector.tab.title.asset":"에셋 관리자","inspector.tab.title.text":"텍스트","inspector.tab.title.code":"코드","timeline.property.title":"타임라인","timeline.animation.property.title":"애니메이션","timeline.play.control.play":"플레이","timeline.play.control.pause":"멈춤","timeline.play.control.first":"처음으로","timeline.play.control.prev":"이전으로","timeline.play.control.next":"다음으로","timeline.play.control.last":"마지막으로","timeline.play.control.direction":"방향","timeline.play.control.speed":"속력","timeline.play.control.repeat":"반복","timeline.play.control.infinite":"무한","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"값","timeline.value.editor.time":"시간","timeline.value.editor.timing":"타이밍 함수","svgfilter.popup.title":"SVG 필터","css.item.rotate":"회전","css.item.rotateX":"X축 회전","css.item.rotateY":"Y축 회전","css.item.rotateZ":"Z축 회전","css.item.rotate3d":"3D 회전","css.item.skewX":"X축 늘이기","css.item.skewY":"Y축 늘이기","css.item.translate":"이동","css.item.translateX":"X축 이동","css.item.translateY":"Y축 이동","css.item.translateZ":"Z축 이동","css.item.translate3d":"3D 이동","css.item.perspective":"원근","css.item.scale":"크기변경","css.item.scaleX":"X축 크기변경","css.item.scaleY":"Y축 크기변경","css.item.scaleZ":"Z축 크기변경","css.item.scale3d":"3D 크기변경","css.item.matrix":"변환 행렬","css.item.matrix3d":"3D 변환 행렬","animation.property.title":"CSS 애니메이션","animation.property.direction":"방향","animation.property.play.state":"플레이 상태","animation.property.fill.mode":"채우기 모드","animation.property.delay":"대기시간","animation.property.duration":"시간","animation.property.iteration.count":"반복 횟수","animation.property.select a keyframe":"키프레임을 선택해주세요","animation.property.popup.title":"CSS 애니메이션","animation.property.popup.timing.function":"타이밍 함수","animation.property.popup.keyframe":"키프레임","animation.property.popup.direction":"방향","animation.property.popup.play.state":"플레이 상태","animation.property.popup.fill.mode":"채우기 모드","animation.property.popup.delay":"대기시간","animation.property.popup.duration":"시간","animation.property.popup.iteration":"반복 횟수","animation.property.popup.normal":"시간순","animation.property.popup.reverse":"역시간순","animation.property.popup.alternate":"왕복 시간순","animation.property.popup.alternate-reverse":"왕복 역시간순","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"키프레임을 선택해주세요.","keyframe.popup.title":"키프레임","code.view.property.title":"코드뷰","svg.filter.editor.tab.filter":"필터","svg.filter.editor.tab.preset":"프리셋","svg.filter.editor.tab.asset":"에셋","svg.filter.editor.GRAPHIC REFERENCES":"참조 그래픽","svg.filter.editor.SOURCES":"원본","svg.filter.editor.MODIFIER":"수정","svg.filter.editor.LIGHTING":"빛","svg.filter.editor.COMBINERS":"결합","svg.filter.editor.Template":"템플릿","layout.property.title":"레이아웃","layout.property.flex":"플렉스 박스","layout.property.grid":"그리드","layout.property.default":"기본 좌표","flex.layout.editor.row":"행","flex.layout.editor.column":"열","flex.layout.editor.row-reverse":"역방향 행","flex.layout.editor.column-reverse":"역방향 열","flex.layout.editor.nowrap":"감싸지 않기","flex.layout.editor.wrap":"감싸기","flex.layout.editor.wrap-reverse":"역방향 감싸기","flex.layout.editor.flex-start":"시작","flex.layout.editor.flex-end":"끝","flex.layout.editor.center":"중간","flex.layout.editor.space-between":"공간 중간 채움","flex.layout.editor.space-around":"공간 양끝 채움","flex.layout.editor.baseline":"기본선","flex.layout.editor.stretch":"펼치기","flex.layout.editor.direction":"방향","flex.layout.editor.justify-content":"컨텐츠 조정","flex.layout.editor.align-items":"아이템 정렬","flex.layout.editor.align-content":"컨텐츠 정렬","flex.layout.item.property.title":"플렉스 아이템 설정","flex.layout.item.property.grow":"공간 비율","flex.layout.item.property.shrink":"축소 비율","flex.layout.item.property.basis":"초기 크기","flex.layout.item.property.none":"없음","flex.layout.item.property.auto":"자동","flex.layout.item.property.value":"값","grid.layout.editor.template.columns":"열","grid.layout.editor.column.gap":"열 간격","grid.layout.editor.template.rows":"행","grid.layout.editor.row.gap":"행 간격","grid.box.editor.box.title":"영역","grid.box.editor.type":"타입","grid.box.editor.repeat":"반복","grid.box.editor.length":"길이","grid.box.editor.none":"없음","grid.box.editor.auto":"자동","grid.box.editor.count":"개수","grid.box.editor.value":"크기","grid.layout.item.property.title":"그리드 아이템 설정","grid.layout.item.property.column":"열","grid.layout.item.property.row":"행","grid.layout.item.property.start":"시작","grid.layout.item.property.End":"끝","grid.layout.item.property.none":"없음","grid.layout.item.property.value":"값","box.model.property.title":"박스 모델","box.model.property.margin":"마진","box.model.property.padding":"패딩","component.items.canvas":"캔버스","component.items.layer":"레이어","component.items.3dlayer":"3D 레이어","component.items.drawing":"그리기","component.items.custom":"사용자 정의 컴포넌트","svg.text.property.title":"SVG Text 스타일","svg.text.property.textarea":"텍스트 입력","svg.text.property.size":"폰트 크기","svg.text.property.weight":"폰트 굵기","svg.text.property.style":"폰트 스타일","svg.text.property.anchor":"텍스트 위치","svg.text.property.family":"폰트 글꼴","svg.text.property.length.adjust":"길이 대응","svg.text.property.text.length":"텍스트 길이","svg.text.property.start.offset":"시작 지점","fill.picker.popup.title":"색 채우기","gradient.editor.drag.message":"드래그 하면 중심점을 옮길 수 있습니다.","draw.manager.tolerance":"포인트 허용 오차","pattern.property.title":"패턴","pattern.info.popup.title":"패턴 정보","pattern.info.popup.width":"넓이","pattern.info.popup.height":"높이","pattern.info.popup.lineWidth":"선 넓이","pattern.info.popup.lineHeight":"선 높이","pattern.info.popup.rotate":"회전","pattern.info.popup.blend":"블렌드","pattern.info.popup.foreColor":"패턴색","pattern.info.popup.backColor":"배경색","stroke.dasharray.editor.add":"점 추가"}},Vo={locales:Io,get:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en_US",r=Io[n][t]||Io.en_US[t]||t||void 0;if(X(r))return r(e);var o=r;return t===o?t.split(".").pop():(T(e,(function(t,e){o=o.replace(new RegExp("{".concat(t,"}"),"ig"),e)})),o)},hasKey:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!Io[e][t]&&!Io.en_US[t])}},Lo={dark:{left_size:250,left_max_size:400,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},gray:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function Mo(t){return function(t){if(Array.isArray(t))return Bo(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Bo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Bo(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Bo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function zo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Fo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Go(t,e){for(var n=0;n<e.length;n++){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 Ho=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]:{};e%2?zo(Object(n),!0).forEach((function(e){Fo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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:"toggleLayerContainer",value:function(t){this.currentArtBoard((function(e){e.getSelectedTimeline().animations.filter((function(e){return e.id===t})).forEach((function(t){t.collapsed=!t.collapsed}))}))}},{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,Mo(t.keyframes.filter((function(t){return e<=t.time&&t.time<=n}))))}));i.push.apply(i,Mo(r))}));var a={};i.forEach((function(t){a[t.id]=t})),r.select.apply(r,Mo(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}))}}])&&Go(e.prototype,n),r&&Go(e,r),t}();function Xo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xo(Object(n),!0).forEach((function(e){No(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function No(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ko(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Wo(t){return function(t){if(Array.isArray(t))return Zo(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Zo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zo(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var qo=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ko(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return X(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(Object.assign(this.getDefaultObject(),n)),this.ref}var e,n,r;return e=t,(n=[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{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&&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(Object.assign(this.json,e))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=Pt();return Yo({id:e,visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"add",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"self";if(t.parent&&t.remove(),"self"===n)this.json.layers.push(t),t.parent=this.ref;else if("before"===n){t.parent=this.parent.ref;var r=[];this.parent.layers.forEach((function(n){n===e.ref&&r.push(t),r.push(n)})),this.parent.layers=r}else"after"===n&&(t.parent=this.parent.ref,r=[],this.parent.layers.forEach((function(n){r.push(n),n===e.ref&&r.push(t)})),this.parent.layers=r);return t}},{key:"toggle",value:function(t,e){L(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:"hasParent",value:function(t){var e=this.json.parent.id===t;return e||!1!==this.json.parent.is("project")?e:this.json.parent.hasParent(t)}},{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(Wo(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 Wo(function t(e){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,Wo(t(e)))})),n.push(e),n}(this.ref))}}])&&Uo(e.prototype,n),r&&Uo(e,r),t}();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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ti(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qo(Object(n),!0).forEach((function(e){ei(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ei(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ni(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ri(t,e){for(var n=0;n<e.length;n++){var 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(oi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ii(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ci(t);if(e){var o=ci(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ai(this,n)}}function ai(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 ci(t){return(ci=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ui=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oi(t,e)}(i,t);var e,n,r,o=ii(i);function i(){return ni(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ti({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return Q(this.toCSS())}}])&&ri(e.prototype,n),r&&ri(e,r),i}(qo);function si(t){return(si="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function li(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||pi(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function fi(t){return function(t){if(Array.isArray(t))return yi(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||pi(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pi(t,e){if(t){if("string"==typeof t)return yi(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?yi(t,e):void 0}}function yi(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function hi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function di(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hi(Object(n),!0).forEach((function(e){vi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mi(t,e){for(var n=0;n<e.length;n++){var 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,n){return(gi="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 wi(t,e){return(wi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Oi(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Si(t);if(e){var o=Si(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ki(this,n)}}function ki(t,e){return!e||"object"!==si(e)&&"function"!=typeof e?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)}var ji=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Pi=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Oi(i);function i(){return bi(this,i),o.apply(this,arguments)}return e=i,r=[{key:"join",value:function(t){var e=t.filter((function(t){return"perspective"===t.type})),n=t.filter((function(t){return"matrix3d"===t.type})),r=t.filter((function(t){return"perspective"!==t.type&&"matrix3d"!==t.type}));return[].concat(fi(e),fi(r),fi(n)).map((function(t){return new i(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new i(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return F(e)&&(e=[e]),i.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return i.join(i.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var n=i.parseStyle(t),r=n.find((function(t){return t.type===e.type}));return r?r.value=e.value:n.push(e),i.join(n)}},{key:"replaceAll",value:function(t,e){for(var n=i.parseStyle(t),r=i.parseStyle(e),o=0,a=r.length;o<a;o++){var c=r[o],u=n.find((function(t){return t.type===c.type}));u?u.value=c.value:n.push(c)}return i.join(n)}},{key:"addTransform",value:function(t,e){for(var n=i.parseStyle(t),r=i.parseStyle(e),o=0,a=r.length;o<a;o++){var c=r[o],u=n.find((function(t){return t.type===c.type}));u?c.value.forEach((function(t,e){u.value[e].value+=t.value})):n.push(c)}return i.join(n)}},{key:"get",value:function(t,e){var n=i.parseStyle(t);return(n=X(e)?n.find(e):n.find((function(t){return t.type===e})))?n.value:[]}},{key:"rotate",value:function(t,e){return i.replace(t,{type:"rotate",value:[e]})}},{key:"parseStyle",value:function(t){var e=[];return t?((t.match(ji)||[]).forEach((function(t,n){var r=li(t.split("("),2),o=r[0],a=r[1],c=(a=a.split(")")[0]).split(",");c=a.includes("matrix")||a.includes("scale")?c.map((function(t){return ln.number(t.trim())})):c.map((function(t){return ln.parse(t.trim())})),e[n]=i.parse({type:o,value:c})})),e):e}},{key:"getTransform",value:function(t,e){var n=li(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,e){var n=[],r=[];t.forEach((function(e){var r=li(e,2),o=r[0],i=r[1];n.push(o-t[0][0],i-t[0][1])})),e.forEach((function(e){var n=li(e,2),o=n[0],i=n[1];r.push(o-t[0][0],i-t[0][1])}));var o=i.getTransform(n,r),a=[];o.forEach((function(t){t.forEach((function(t){a.push(t)}))}));var c=a.join(", ");return"matrix3d(".concat(c,")")}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return gi(Si(i.prototype),"getDefaultObject",this).call(this,di({itemType:"transform",type:"",value:[]},t))}},{key:"toCloneObject",value:function(){return di(di({},gi(Si(i.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=gi(Si(i.prototype),"convert",this).call(this,t)).type.includes("matrix")||t.type.includes("scale")?t.value=t.value.map((function(t){return ln.number(t)})):t.value=t.value.map((function(t){return ln.parse(t)})),t}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}])&&mi(e.prototype,n),r&&mi(e,r),i}(ui);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 Ri(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Ei(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $i(t){return function(t){if(Array.isArray(t))return _i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Ei(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ei(t,e){if(t){if("string"==typeof t)return _i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_i(t,e):void 0}}function _i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ci(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ti(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ci(Object(n),!0).forEach((function(e){Di(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ci(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Di(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ai(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Vi(t,e,n){return(Vi="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=zi(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 Li(t,e){return(Li=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Mi(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zi(t);if(e){var o=zi(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bi(this,n)}}function Bi(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 zi(t){return(zi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fi=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Mi(i);function i(){return Ai(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"toCloneObject",value:function(){return Ti(Ti({},Vi(zi(i.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=Vi(zi(i.prototype),"convert",this).call(this,t)).x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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=Pi.parseStyle(dn.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]),y=n[13],h=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:y,z:h}}}},{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=lt.addVector(lt.rotateVector(a.a,c.rotate),c.translate),a.b=lt.addVector(lt.rotateVector(a.b,c.rotate),c.translate),a.c=lt.addVector(lt.rotateVector(a.c,c.rotate),c.translate),a.d=lt.addVector(lt.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,$i(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(){return!(!this.json.parent||!1!==this.json.parent.is("project")||!this.isAbsolute)}},{key:"screenX",get:function(){return this.isChild?ln.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||ln.px(0)}},{key:"screenY",get:function(){return this.isChild?ln.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||ln.px(0)}},{key:"screenX2",get:function(){return ln.px(this.screenX.value+this.json.width.value)}},{key:"screenY2",get:function(){return ln.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)),ln.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)),ln.px(this.screenY.value+t)}},{key:"transformOrigin",get:function(){var t=Ri((this.json["transform-origin"]||"50% 50%").split(" ").map((function(t){return ln.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 Pi.addTransform(this.json.parent.screenTransform,this.json.transform)}}])&&Ii(e.prototype,n),r&&Ii(e,r),i}(qo);function Gi(t){return(Gi="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xi(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hi(Object(n),!0).forEach((function(e){Yi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yi(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ni(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ui(t,e){return(Ui=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Wi(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qi(t);if(e){var o=qi(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Zi(this,n)}}function Zi(t,e){return!e||"object"!==Gi(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qi(t){return(qi=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Ji=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Wi(i);function i(){return Ni(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Xi({selected:!1,layers:[]},t)}}])&&Ki(e.prototype,n),r&&Ki(e,r),i}(Fi);function Qi(t,e){for(var n=0;n<e.length;n++){var 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){return function(t){if(Array.isArray(t))return na(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||ea(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ea(t,e){if(t){if("string"==typeof t)return na(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?na(t,e):void 0}}function na(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var ra=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return ln.px(t).round(e)};function oa(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,ta(oa(t,e)))})),(e.id||e.includes(t.id))&&n.push(t),n}var ia=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:"getRootItem",value:function(t){var e=t||this.currentArtboard;return t&&(t.is("artboard")?e=t:t.parent&&(e=t.parent)),e}},{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:"hasDifference",value:function(t){if(t.length!=this.items.length)return!0;var e,n=new Set(t),r=new Set(this.items),o=0,i=function(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=ea(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return a=t.done,t},e:function(t){c=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}(r);try{for(i.s();!(e=i.n()).done;){var a=e.value;n.has(a)&&o++}}catch(t){i.e(t)}finally{i.f()}return r.size!=o}},{key:"select",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o=(n||[]).filter((function(t){return!t.lock&&t.isAbsolute}));return!1!==this.hasDifference(o)&&(this.items=o,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e})),this.setRectCache(),!0)}},{key:"reselect",value:function(){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:"itemsByIds",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return B(t)?oa(this.artboard,t):F(t)||H(t)?oa(this.artboard,[t]):this.items}},{key:"selectById",value:function(t){this.select.apply(this,ta(oa(this.artboard,t)))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,ta(this.items).concat(ta(oa(this.artboard,t))))}},{key:"removeById",value:function(t){this.select.apply(this,ta(this.items.filter((function(e){return e.id!=t}))))}},{key:"toggleById",value:function(t){this.itemKeys[t]?this.removeById(t):this.addById(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 Ji({x:ln.px(t),y:ln.px(e),width:ln.px(n-t),height:ln.px(r-e)})}},{key:"each",value:function(t){var e=this;X(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,ta(this.copyItems.map((function(t){return t.copy()})))),this.copy()}},{key:"isInParent",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t,r=n.parent,o=!n.is("artboard")&&e.includes(r);!o&&!L(r);)n=r,r=r.parent,o=!n.is("artboard")&&e.includes(r);return o}},{key:"move",value:function(t,e){var n=this;this.each((function(r,o){n.isInParent(r,n.items)||r.move(ra(o.x.value+t),ra(o.y.value+e))})),this.reselect()}},{key:"moveRight",value:function(t){this.each((function(e,n){e.resizeWidth(ra(n.width.value+t))}))}},{key:"moveLeft",value:function(t){this.each((function(e,n){n.width.value-t>=0&&(e.moveX(ra(n.x.value+t)),e.resizeWidth(ra(n.width.value-t)))}))}},{key:"moveBottom",value:function(t){this.each((function(e,n){e.resizeHeight(ra(n.height.value+t))}))}},{key:"moveTop",value:function(t){this.each((function(e,n){n.height.value-t>=0&&(e.moveY(ra(n.y.value+t)),e.resizeHeight(ra(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}}])&&Qi(e.prototype,n),r&&Qi(e,r),t}();function aa(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var ua=new(function(){function t(){aa(this,t),this.components={}}var e,n,r;return e=t,(n=[{key:"registerComponent",value:function(t,e){this.components[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"createComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getComponentClass(t);if(!n)throw new Error("".concat(t," type is not valid."));return new n(e)}}])&&ca(e.prototype,n),r&&ca(e,r),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)}}var la=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}var e,n,r;return e=t,(n=[{key:"registerCommand",value:function(t,e){var n=this;if(2===arguments.length){var r=function(){for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];e.call.apply(e,[n,n.$editor].concat(r))};r.source=t,this.$editor.$store.on(t,r,this,0)}else if(H(t)){var o=function(){for(var e,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];(e=t.execute).call.apply(e,[t,n.$editor].concat(o))};o.source=t.command,this.$editor.$store.on(t.command,o,this,t.debounce||0)}}}])&&sa(e.prototype,n),r&&sa(e,r),t}();function fa(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pa(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fa(Object(n),!0).forEach((function(e){ya(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fa(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ya(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,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 da(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}var va=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.list=[],this.commands={}}var e,n,r;return e=t,(n=[{key:"registerShortCut",value:function(t){this.list.push(pa(pa({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t.key)}))}},{key:"sort",value:function(){var t=this;this.list.forEach((function(e){!1===B(t.commands[e.checkKeyString])&&(t.commands[e.checkKeyString]=[]),t.commands[e.checkKeyString].push(e)}))}},{key:"splitShortCut",value:function(t){var e=t.toUpperCase().split("+").map((function(t){return t.trim()})).filter(Boolean),n=!1,r=!1,o=!1,i=!1,a=[];return e.forEach((function(t){t.includes("ALT")?n=!0:t.includes("CTRL")?r=!0:t.includes("SHIFT")?o=!0:t.includes("CMD")||t.includes("WIN")?i=!0:a.push(t)})),da(n?"ALT":"",r?"CTRL":"",o?"SHIFT":"",i?"META":"",a.join(""))}},{key:"makeKeyString",value:function(t){return da(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return da(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"checkShortCut",value:function(t,e){return this.commands[t]||this.commands[e]}},{key:"checkWhen",value:function(t){return t.when===this.$editor.modeView||""===t.when}},{key:"execute",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyString(t),this.makeCodeString(t));if(r){var o=r.filter((function(t){return t.eventType===n})).filter((function(t){return e.checkWhen(t)}));o.length&&t.preventDefault(),o.forEach((function(t){e.$editor.emit(t.command,t.args)}))}}}])&&ha(e.prototype,n),r&&ha(e,r),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)}}var ma=new Map,ga=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 ma[t]}},{key:"set",value:function(t,e){ma[t]=e}},{key:"remove",value:function(t){delete ma[t]}}])&&ba(e.prototype,n),r&&ba(e,r),t}();function wa(t){return Pa(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Sa(t)||ka()}function Oa(t,e){return Pa(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Sa(t,e)||ka()}function ka(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Sa(t,e){if(t){if("string"==typeof t)return ja(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ja(t,e):void 0}}function ja(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Pa(t){if(Array.isArray(t))return 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)}}var Ra=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=e.split("data:"),o=Oa(r,2),i=(o[0],o[1]),a=i.split(","),c=wa(a),u=c[0],s=c.slice(1),l=u.split(";"),f=Oa(l,2),p=f[0],y=f[1];return s=s.join(","),{mimeType:p,local:n&&t.getLink(p,y,s)}}},{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)&&xa(e.prototype,n),r&&xa(e,r),t}();function $a(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ea(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t.emit("noneSelectMenu"),e?t.emit("refreshSelectionStyleView"):t.emit("refreshAll"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.emit("refreshSelectionTool")}function _a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Ca(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ca(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ca(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ta(t){return function(t){if(Array.isArray(t))return Da(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Da(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Da(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Da(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var Ia=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(e,n,r){return 2===arguments.length?e.x===n.x&&e.y===n.y:3===arguments.length?t.isEqual(e,n)&&t.isEqual(n,r):void 0}},{key:"isFirst",value:function(t){return t&&"M"==t.command}},{key:"DouglasPeuker",value:function(e,n,r,o){if(!(o<=r+1)){for(var i=0,a=r,c=e*e,u=n[r],s=n[o],l=r+1;l<o;l++){var f=t.segmentDistance2(n[l].x,n[l].y,u,s);f<=i||(a=l,i=f)}i>c&&(n[a].mark=!0,t.DouglasPeuker(e,n,r,a),t.DouglasPeuker(e,n,a,o))}}},{key:"simply",value:function(e,n){return e.length<=2?e:((e=N(e))[0].mark=!0,e[e.length-1].mark=!0,t.DouglasPeuker(n,e,0,e.length-1),e.filter((function(t){return Boolean(t.mark)})))}},{key:"segmentDistance2",value:function(t,e,n,r){var o=r.x-n.x,i=r.y-n.y,a=o*o+i*i,c=t-n.x,u=e-n.y,s=o*c+i*u;if(0===a)return c*c+u*u;if(s<=0)return c*c+u*u;if(s>=a)return(c=t-r.x)*c+(u=e-r.y)*u;var l=c*i-u*o;return l*l/a}},{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}},{key:"removePoint",value:function(t,e,n){if("startPoint"===n)return t.filter((function(t,n){return n!==e}))}},{key:"splitPoints",value:function(e){var n=[],r=[];return e.forEach((function(e){t.isFirst(e)?(r=[e],n.push(r)):r.push(e)})),n}},{key:"recoverPoints",value:function(t){var e=[];return t.forEach((function(t){t.forEach((function(t,e){0===e&&(t.command="M",t.originalCommand="M")})),e.push.apply(e,Ta(t))})),e.forEach((function(t,e){t.index=e})),e}}],(n=null)&&Aa(e.prototype,n),r&&Aa(e,r),t}();function Va(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Ma(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function La(t){return function(t){if(Array.isArray(t))return Ba(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Ma(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ma(t,e){if(t){if("string"==typeof t)return Ba(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ba(t,e):void 0}}function Ba(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function za(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var Ga=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Ha=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Xa={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]}},toPercent:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o/t,i/e,1]}},toPixel:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o*t,i*e,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]])}},Ya=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";za(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.match(Ha)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Ga)||[];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:La(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=Va(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((k=Ia.getPrevPoint(t,t.length)).curve){var l=Va(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:N(k.endPoint),curve:!0})}else{var f=Va(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=Va(a,4),y=p[0],h=p[1];if(u=p[2],s=p[3],(k=Ia.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}),k.endPoint={x:y,y:h}}else o&&"L"===o.command?(k.curve=!0,k.endPoint={x:y,y:h},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})):(d={x:u,y:s},b={x:y,y:h},v={x:u,y:s},t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b}))}else if("T"===i){var m=Va(a,2);if(u=m[0],s=m[1],(x=segments[e-1])&&"Q"===x.command){var g=Va(x.values,4),w=(y=g[0],h=g[1],g[2]),O=g[3];(k=Ia.getPrevPoint(t,t.length)).endPoint=Ia.getReversePoint({x:w,y:O},{x:y,y:h}),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 k=Ia.getPrevPoint(t,t.length),S=Va(a,6),j=(y=S[0],h=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}),k&&(k.curve=!0,k.endPoint={x:y,y:h})}else if("S"===i){var x,R=Va(a,2);if(u=R[0],s=R[1],(x=segments[e-1])&&"C"===x.command){var $=Va(x.values,4);j=$[0],P=$[1],w=$[2],O=$[3],(k=Ia.getPrevPoint(t,t.length)).endPoint=Ia.getReversePoint(k.startPoint,k.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){k=Ia.getPrevPoint(t,t.length);var E=Ia.getFirstPoint(t,t.length);Ia.isEqual(k.startPoint,E.startPoint)&&(k.connected=!0,k.endPoint=N(E.endPoint),E.reversePoint=N(k.reversePoint)),k.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 M(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:"toPercent",value:function(t,e){return this._loop(Xa.toPercent(t,e)),this}},{key:"toPixel",value:function(t,e){return this._loop(Xa.toPixel(t,e)),this}},{key:"translate",value:function(t,e){return this._loop(Xa.translate(t,e)),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this._loop(Xa.translate(t,e),!0))}},{key:"scale",value:function(t,e){return this._loop(Xa.scale(t,e)),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this._loop(Xa.scale(t,e),!0))}},{key:"rotate",value:function(t,e,n){return M(e)&&M(n)?this._loop(Xa.rotateCenter(t,e,n)):this._loop(Xa.rotate(t)),this}},{key:"rotateTo",value:function(t){return this.joinPath(this._loop(Xa.rotate(t),!0))}},{key:"reflectionOrigin",value:function(t){return this._loop(Xa.reflectionOrigin(t)),this}},{key:"reflectionOriginTo",value:function(t){return this.joinPath(this._loop(Xa.reflectionOrigin(t),!0))}},{key:"flipX",value:function(t){return this._loop(Xa.flipX(t)),this}},{key:"flipXTo",value:function(t){return this.joinPath(this._loop(Xa.flipX(t),!0))}},{key:"flipY",value:function(t){return this._loop(Xa.flipY(t)),this}},{key:"flipYTo",value:function(t){return this.joinPath(this._loop(Xa.flipY(t),!0))}},{key:"skewX",value:function(t){return this._loop(Xa.skewX(t)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this._loop(Xa.skewX(t),!0))}},{key:"skewY",value:function(t){return this._loop(Xa.skewY(t)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this._loop(Xa.skewY(t),!0))}},{key:"toString",value:function(){return this.joinPath()}},{key:"d",get:function(){return this.toString()}}])&&Fa(e.prototype,n),r&&Fa(e,r),t}();function Na(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ka(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Na(Object(n),!0).forEach((function(e){Ua(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Na(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ua(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wa(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Za(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wa(Object(n),!0).forEach((function(e){qa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wa(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ja(t,e){for(var n=0;n<e.length;n++){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 Qa=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 Ya(i);return a.translate(1,1).scale(r/2,o/2).translate(e,n),a.toString()}},{key:"makePathByPoints",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new t,r=0,o=e.length;r<o;r++){var i=e[r];0===r?n.M(i):n.L(i)}return n.d}}],(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()}}])&&Ja(e.prototype,n),r&&Ja(e,r),t}();function tc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ec(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tc(Object(n),!0).forEach((function(e){nc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function nc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var rc={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},oc={command:"updateImage",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addImageAssetItem",{id:Pt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}},ic={command:"updateVideo",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addVideoAssetItem",{id:Pt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}};function ac(t,e){var n=new Image;n.onload=function(){var r={local:t.local,naturalWidth:ln.px(n.naturalWidth),naturalHeight:ln.px(n.naturalHeight),width:ln.px(n.naturalWidth),height:ln.px(n.naturalHeight)};e&&e(r,n)},n.src=t.local}function cc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function uc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cc(Object(n),!0).forEach((function(e){sc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var lc={command:"addImageAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createImage(e),t.emit("addImageAsset"),ac(e,(function(r){t.emit("addImage",uc(uc({src:e.local},r),n)),t.changeMode(ap),t.emit("afterChangeMode")})))}};function fc(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:ln.px(n.videoWidth),naturalHeight:ln.px(n.videoHeight),width:ln.px(n.videoWidth),height:ln.px(n.videoHeight),duration:n.duration,playTime:"0:1:".concat(n.duration),volume:n.volume,muted:n.muted,placebackRate:n.playbackRate};e&&e(r,n)},n.src=t.local}function pc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pc(Object(n),!0).forEach((function(e){hc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var dc={command:"addVideoAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createVideo(e),t.emit("addVideoAsset"),fc(e,(function(r){t.emit("addVideo",yc(yc({src:e.local},r),n)),t.changeMode(ap),t.emit("afterChangeMode")})))}};function vc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var mc={command:"dropImageUrl",execute:function(t,e){ac({local:e},(function(e){t.emit("addImage",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vc(Object(n),!0).forEach((function(e){bc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(ap),t.emit("afterChangeMode")}))}},gc={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=Pt(),o=n.createSVGFilter({id:r,filters:[]});e&&e(o,r)}}},wc={command:"updateImageAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createImage({id:Pt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addImageAsset"),X(n)&&n(i))},r.readAsDataURL(e)}},Oc={command:"updateVideoAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createVideo({id:Pt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addVideoAsset"),X(n)&&n(i))},r.readAsDataURL(e)}},kc={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Ra.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:Pt(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var o=e.data.split(".").pop(),i=e.data.split("/").pop();switch(o){case"png":case"jpg":case"gif":case"svg":t.emit("addImageAssetItem",{id:Pt(),type:"image/"+o,name:i,original:e.data,local:e.data})}}}};function Sc(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()}var jc={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Sc("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}};function Pc(t){return function(t){if(Array.isArray(t))return xc(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return xc(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xc(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xc(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var $c=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={};return 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,Pc(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}),r=JSON.stringify(r,null,4),o=JSON.stringify(o,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(o,");\nplayer.play();\n")}}])&&Rc(e.prototype,n),r&&Rc(e,r),t}(),Ec=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"anipa";switch(e){case"anipa":return new $c(t).generateCode()}return""},_c={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(Q(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(t){var e=t.selection.currentProject,n=t.selection.currentArtboard,r="\n".concat(this.makeStyle(e),"\n").concat(this.makeStyle(n,"\n  left: 0px;\n  top: 0px;\n")),o="\n".concat(n.html,"\n").concat(this.makeSvg(e),"\n    "),i=Ec(n,"anipa");return{html:o=t.replaceLocalUrltoRealUrl(o),css:r=t.replaceLocalUrltoRealUrl(r),js:i=t.replaceLocalUrltoRealUrl(i)}},generateSVG:function(t,e){return t.replaceLocalUrltoRealUrl(e.generateSVG(!0))}},Cc={command:"downloadSVG",execute:function(t){var e=t.selection.current||t.$selection.currentArtboard,n=_c.generateSVG(t,e).trim();Sc("data:image/svg+xml;base64,"+window.btoa(n),e.id)}};var Tc={command:"downloadPNG",execute:function(t){var e=t.selection.current||t.selection.currentArtboard,n=_c.generateSVG(t,e).trim(),r="data:image/svg+xml;base64,"+window.btoa(n),o=e.id;ac({local:r},(function(t,e){!function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=dn.create("canvas"),o=t.width,i=t.height;r.resize({width:o,height:i}),r.drawImage(t),e&&e(r.toDataURL(n))}(e,(function(t){Sc(t,o)}))}))}},Dc={command:"load.json",execute:function(t,e){var n=(e=e||t.loadResource("projects",[])).map((function(e){return function t(e,n){return n.layers=n.layers.map((function(n){return t(e,n)})),e.components.createComponent(n.itemType,n)}(t,e)}));if(n.forEach((function(t){t.artboards.forEach((function(t){t.selectTimeline()}))})),n.length){var r=n[0];if(t.selection.selectProject(r),r.artboards.length){var o=r.artboards[0];t.selection.selectArtboard(o),o.layers.length?t.selection.select(o.layers[0]):t.selection.select(o)}t.load(n),Ea(t)}else t.emit("addArtBoard")}};function Ac(t,e){var n=t.selection.currentArtboard;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var Ic={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Ac(t,(function(r,o){var i;!1===B(e)&&(e=[e]);var a=[];e.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=t.timeline).select.apply(i,a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Vc={command:"setTimelineOffset",debounce:100,execute:function(t,e){Ac(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},Lc={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Ac(t,(function(n,r){var o,i=[];t.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=t.timeline).select.apply(o,i),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Mc={command:"removeTimelineProperty",execute:function(t,e,n){Ac(t,(function(r,o){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Bc={command:"deleteTimelineKeyframe",execute:function(t){Ac(t,(function(e,n){t.timeline.each((function(t){e.deleteTimelineKeyframe(t.layerId,t.property,t.id)})),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},zc={command:"selectTimelineItem",execute:function(t,e){Ac(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Fc={command:"removeTimeline",execute:function(t,e){Ac(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Gc={command:"removeAnimationItem",execute:function(t,e){Ac(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},Hc={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Ac(t,(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);t.timeline.select(a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Xc={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Ac(t,(function(o,i){o.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}};function Yc(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Nc(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Nc(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nc(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Kc(t,e){if(F(e)){var n=Yc(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 Y(e)?e/t:0}function Uc(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 Wc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Uc(t,Kc(t,e)-Kc(t,n))}function Zc(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,Y(t.elapsed)&&(e.elapsed=t.elapsed),Y(t.speed)&&(e.speed=t.speed),Y(t.duration)&&(e.duration=t.duration),Y(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),F(t.direction)&&(e.direction=t.direction),X(t.tick)&&(e.tick=t.tick),X(t.start)&&(e.startCallback=t.start),X(t.end)&&(e.endCallback=t.end),X(t.first)&&(e.firstCallback=t.first),X(t.last)&&(e.lastCallback=t.last),X(t.stop)&&(e.stopCallback=t.stop),e.firstCallback(e.elapsed,e),o()},stop:function(){e.stopCallback(e.elapsed,e),cancelAnimationFrame(e.id)},tick:r,first:function(t){a(0)},last:function(t){a(e.duration)},seek:a,timer:e}}var qc={command:"playTimelineItem",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"normal";t.selection.empty(),t.emit("refreshSelection"),t.changeMode("play"),t.emit("afterChangeMode"),Ac(t,(function(o,i){var a=o.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Zc({elapsed:1e3*i.currentTime,speed:e,duration:1e3*a,iterationCount:n,direction:r}),t.timer.play({duration:1e3*a,elapsed:1e3*i.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){o.seek(Uc(i.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")},stop:function(e,n){o.stop(Uc(i.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},Jc={command:"prevTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Qc={command:"firstTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},tu={command:"nextTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},eu={command:"lastTimelineItem",execute:function(t){Ac(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},nu={command:"addTimelineItem",execute:function(t,e){Ac(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},ru={command:"drop.asset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;e.color?t.emit("addBackgroundColor",e.color,n):e.gradient?t.emit("addBackgroundImageGradient",e.gradient,n):e.imageUrl&&t.emit("addBackgroundImageAsset",e.imageUrl,n),Ea(t,!0)}};function ou(t){return(ou="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function au(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iu(Object(n),!0).forEach((function(e){cu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function uu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function su(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lu(t,e,n){return(lu="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 fu(t,e){return(fu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hu(t);if(e){var o=hu(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yu(this,n)}}function yu(t,e){return!e||"object"!==ou(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hu(t){return(hu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var du=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fu(t,e)}(i,t);var e,n,r,o=pu(i);function i(){return uu(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return lu(hu(i.prototype),"getDefaultObject",this).call(this,au({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"}}])&&su(e.prototype,n),r&&su(e,r),i}(ui);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bu(Object(n),!0).forEach((function(e){gu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ou(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=xu(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 Su(t,e){return(Su=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ju(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xu(t);if(e){var o=xu(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pu(this,n)}}function Pu(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 xu(t){return(xu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Ru=1e10;var $u=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Su(t,e)}(i,t);var e,n,r,o=ju(i);function i(){return wu(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=[],n=Se(t),r=n.str.split(" ").filter((function(t){return t.trim()})),o=+r[0].replace("@",""),a=n.matches[o].color;if(1===r.length)e.push(new i({color:a,unit:"%",percent:0,hasNotUnit:!0}));else if(2===r.length){var c=ln.parse(r[1]),u={unit:c.unit};c.isPercent()?u.percent=c.value:c.isPx()?u.px=c.value:c.isEm()&&(u.em=c.value),e.push(new i(mu({color:a},u)))}else if(3===r.length){var s=ln.parse(r[2]),l={unit:s.unit};s.isPercent()?l.percent=s.value:s.isPx()?l.px=s.value:s.isEm()&&(l.em=s.value),e.push(new i(mu({color:a,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=m(2,t),o=e/r,i=W(r).map((function(t,e){return"".concat(Ye.random()," ").concat(e*o).concat(n)})).join(",");return i}},{key:"createRepeatColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ln.px(1),n=m(2,t),r=W(n).map((function(t,n){return"".concat(Ye.random()," ").concat(ln.parse(e).mul(n+1))})).join(",");return r}}],(n=[{key:"getDefaultObject",value:function(){return{id:"c"+Ru++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return mu(mu({},ku(xu(i.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 ln.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){ku(xu(i.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}}])&&Ou(e.prototype,n),r&&Ou(e,r),i}(qo);function Eu(t){return(Eu="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_u(Object(n),!0).forEach((function(e){Tu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_u(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Tu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Du(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Au(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=Bu(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 Vu(t,e){return(Vu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Lu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bu(t);if(e){var o=Bu(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Mu(this,n)}}function Mu(t,e){return!e||"object"!==Eu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bu(t){return(Bu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var zu={"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},Fu=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vu(t,e)}(i,t);var e,n,r,o=Lu(i);function i(){return Du(this,i),o.apply(this,arguments)}return e=i,r=[{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 $u({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}],(n=[{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 Iu(Bu(i.prototype),"getDefaultObject",this).call(this,Cu({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return Cu(Cu({},Iu(Bu(i.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 $u(t)})),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return L(zu[t])?t:zu[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 $u({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 $u({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)return i=Ye.mix(s.color,l.color,(t-s.percent)/(l.percent-s.percent),"rgb"),void this.addColorStep(new $u({index:s.index+1,color:i,percent:t}))}}else this.addColorStepList([new $u({color:e,percent:t,index:0}),new $u({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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.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 i.toColorString(t)}},{key:"colorsteps",get:function(){return this.json.colorsteps}}])&&Au(e.prototype,n),r&&Au(e,r),i}(du);function Gu(t){return(Gu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Hu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hu(Object(n),!0).forEach((function(e){Yu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Nu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ku(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Uu(t,e,n){return(Uu="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=Ju(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,e){return(Wu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Zu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ju(t);if(e){var o=Ju(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qu(this,n)}}function qu(t,e){return!e||"object"!==Gu(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ju(t){return(Ju=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Qu=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Wu(t,e)}(i,t);var e,n,r,o=Zu(i);function i(){return Nu(this,i),o.apply(this,arguments)}return e=i,r=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new i({colorsteps:[new $u({color:t,percent:0,index:0}),new $u({color:t,percent:100,index:1})]})}}],(n=[{key:"getDefaultObject",value:function(){return Uu(Ju(i.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new $u({color:"red",percent:0,index:0}),new $u({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return Xu(Xu({},Uu(Ju(i.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}}])&&Ku(e.prototype,n),r&&Ku(e,r),i}(Fu);function ts(t){return(ts="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function es(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ns(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?es(Object(n),!0).forEach((function(e){rs(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):es(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rs(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function os(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return e&&is(t.prototype,e),n&&is(t,n),t}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=ps(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,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function ss(t,e){return(ss=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ls(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ps(t);if(e){var o=ps(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fs(this,n)}}function fs(t,e){return!e||"object"!==ts(e)&&"function"!=typeof e?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)}var ys=["jpg","jpeg","png","gif","svg"];var hs=function(t){us(n,t);var e=ls(n);function n(){return os(this,n),e.apply(this,arguments)}return as(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return cs(ps(n.prototype),"getDefaultObject",this).call(this,ns({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return ns(ns({},cs(ps(n.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=this.json;return"url(".concat(t.url,")")}}],[{key:"parse",value:function(t){return new n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return ys.includes(t)}}]),n}(du);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){return function(t){if(Array.isArray(t))return bs(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return bs(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return bs(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function bs(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function ms(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ms(Object(n),!0).forEach((function(e){ws(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ms(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ws(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Os(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ks(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Ss="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=Rs(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 js(t,e){return(js=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ps(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rs(t);if(e){var o=Rs(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xs(this,n)}}function xs(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 Rs(t){return(Rs=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $s={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"},Es={"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"},_s=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ps(i);function i(){return Os(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new i({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Se(t),n=0,r=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,o){t.includes("@")?(t=Pe(t,e.matches),r.push.apply(r,vs($u.parse(t)))):n=L(Es[t])?ln.parse(t):ln.deg(+Es[t])})),new i({angle:n.value,colorsteps:r})}}],(n=[{key:"getDefaultObject",value:function(t){return Ss(Rs(i.prototype),"getDefaultObject",this).call(this,gs({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return gs(gs({},Ss(Rs(i.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 Y(e=this.json.angle||0)&&(e=$s["".concat(e)]||e),Y(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}])&&ks(e.prototype,n),r&&ks(e,r),i}(Fu);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 Ts(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ds(t,e){for(var n=0;n<e.length;n++){var 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,n){return(As="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=Ms(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 Is(t,e){return(Is=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vs(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ms(t);if(e){var o=Ms(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ls(this,n)}}function Ls(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 Ms(t){return(Ms=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Bs,zs=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Vs(i);function i(){return Ts(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=_s.parse(t);return new i({angle:e.angle,colorsteps:e.colorsteps})}}],(n=[{key:"getDefaultObject",value:function(){return As(Ms(i.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}])&&Ds(e.prototype,n),r&&Ds(e,r),i}(_s);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 Gs(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Xs(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Hs(t){return function(t){if(Array.isArray(t))return Ys(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Xs(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Xs(t,e){if(t){if("string"==typeof t)return Ys(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ys(t,e):void 0}}function Ys(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ns(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ks(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ns(Object(n),!0).forEach((function(e){el(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ns(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Us(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=tl(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,e){return(qs=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Js(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tl(t);if(e){var o=tl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Qs(this,n)}}function Qs(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 tl(t){return(tl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function el(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var nl=(el(Bs={},"center",!0),el(Bs,"top",!0),el(Bs,"left",!0),el(Bs,"right",!0),el(Bs,"bottom",!0),Bs),rl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Js(i);function i(){return Us(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Se(t),n="ellipse",r=[un.CENTER,un.CENTER],o=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,i){if(t.includes("@"))t=Pe(t,e.matches),o.push.apply(o,Hs($u.parse(t)));else{if(t.includes("at")){var a=Gs(t.split("at").map((function(t){return t.trim()})),2);n=a[0],r=a[1]}else n=t;if(F(r)){var c=r.split(" ");if(1===c.length){var u=ln.parse(c[0]);r=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(r=c.map((function(t){var e=ln.parse(t);return e.isString()?e.value:e.clone()})))}}})),new i({radialType:n,radialPosition:r,colorsteps:o})}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Zs(tl(i.prototype),"getDefaultObject",this).call(this,Ks({type:"radial-gradient",radialType:"ellipse",radialPosition:[un.CENTER,un.CENTER]},t))}},{key:"toCloneObject",value:function(){return Ks(Ks({},Zs(tl(i.prototype),"toCloneObject",this).call(this)),{},{radialType:this.json.radialType,radialPosition:N(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=nl[o]?o:o.join(" "))?"".concat(r," at ").concat(o):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}])&&Ws(e.prototype,n),r&&Ws(e,r),i}(Fu);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function al(t,e){for(var n=0;n<e.length;n++){var 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,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=fl(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 ul(t,e){return(ul=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fl(t);if(e){var o=fl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ll(this,n)}}function ll(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 fl(t){return(fl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pl,yl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=sl(i);function i(){return il(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=rl.parse(t);return new i({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}],(n=[{key:"getDefaultObject",value:function(){return cl(fl(i.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}])&&al(e.prototype,n),r&&al(e,r),i}(rl);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 dl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||bl(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vl(t){return function(t){if(Array.isArray(t))return ml(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||bl(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function bl(t,e){if(t){if("string"==typeof t)return ml(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ml(t,e):void 0}}function ml(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function gl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gl(Object(n),!0).forEach((function(e){$l(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ol(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Sl(t,e,n){return(Sl="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=Rl(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 jl(t,e){return(jl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Pl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rl(t);if(e){var o=Rl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xl(this,n)}}function xl(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 Rl(t){return(Rl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $l(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var El=($l(pl={},"center",!0),$l(pl,"top",!0),$l(pl,"left",!0),$l(pl,"right",!0),$l(pl,"bottom",!0),pl),_l={"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},Cl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Pl(i);function i(){return Ol(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Se(t),n="0deg",r=[un.CENTER,un.CENTER],o=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,i){if(t.includes("@"))t=Pe(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?ln.parse(t).toPercent():t})).join(" "),e.matches),o.push.apply(o,vl($u.parse(t)));else{if(t.includes("at")){var a=dl(t.split("at").map((function(t){return t.trim()})),2);n=a[0],r=a[1]}else n=t;if(F(r)){var c=r.split(" ");if(1===c.length){var u=ln.parse(c[0]);r=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===c.length&&(r=c.map((function(t){var e=ln.parse(t);return e.isString()?e.value:e})))}F(n)&&n.includes("from")&&(n=n.split("from")[1],n=L(_l[n])?ln.parse(n):ln.deg(+_l[n]))}})),new i({angle:n.value,radialPosition:r,colorsteps:o})}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Sl(Rl(i.prototype),"getDefaultObject",this).call(this,wl({type:"conic-gradient",angle:0,radialPosition:[un.CENTER,un.CENTER]},t))}},{key:"toCloneObject",value:function(){return wl(wl({},Sl(Rl(i.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:N(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||un.CENTER;o=El[o]?o:o.join(" "),M(r)&&(r=+(_l[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,")")}}])&&kl(e.prototype,n),r&&kl(e,r),i}(Fu);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 Dl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Al(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Il="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=Bl(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 Vl(t,e){return(Vl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ll(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bl(t);if(e){var o=Bl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ml(this,n)}}function Ml(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 Bl(t){return(Bl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var zl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vl(t,e)}(i,t);var e,n,r,o=Ll(i);function i(){return Dl(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Cl.parse(t);return new i({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}],(n=[{key:"getDefaultObject",value:function(){return Il(Bl(i.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[un.CENTER,un.CENTER]})}}])&&Al(e.prototype,n),r&&Al(e,r),i}(Cl);function Fl(t){return(Fl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Hl(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Hl(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Hl(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Xl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xl(Object(n),!0).forEach((function(e){Nl(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 Kl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ul(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Wl="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=Ql(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 Zl(t,e){return(Zl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ql(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ql(t);if(e){var o=Ql(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Jl(this,n)}}function Jl(t,e){return!e||"object"!==Fl(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ql(t){return(Ql=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var tf=["repeat","no-repeat","repeat-x","repeat-y","round","space"],ef=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,nf=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ql(i);function i(){return Kl(this,i),o.apply(this,arguments)}return e=i,r=[{key:"createImage",value:function(t){return new hs({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 Qu(Yl(Yl({},a),{},{colorsteps:n}));case"linear-gradient":return new _s(Yl(Yl({},a),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new zs(Yl(Yl({},a),{},{colorsteps:n,angle:r}));case"radial-gradient":return new rl(Yl(Yl({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new yl(Yl(Yl({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Cl(Yl(Yl({},a),{},{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new zl(Yl(Yl({},a),{},{colorsteps:n,angle:r,radialPosition:i}))}return new Fu}},{key:"parse",value:function(t){return new i(t)}},{key:"parseImage",value:function(t){var e=Se(t),n=null,r=e.str.match(ef);return r?(r.forEach((function(t,r){(t=Pe(t,e.matches)).includes("repeating-linear-gradient")?n=zs.parse(t):t.includes("linear-gradient")?n=_s.parse(t):t.includes("repeating-radial-gradient")?n=yl.parse(t):t.includes("radial-gradient")?n=rl.parse(t):t.includes("repeating-conic-gradient")?n=zl.parse(t):t.includes("conic-gradient")?n=Cl.parse(t):t.includes("url")&&(n=hs.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new Qu(t);case"linear-gradient":return new _s(t);case"repeating-linear-gradient":return new zs(t);case"radial-gradient":return new rl(t);case"repeating-radial-gradient":return new yl(t);case"conic-gradient":return new Cl(t);case"repeating-conic-gradient":return new zl(t);case"image-resource":case"url":return new hs(t)}}},{key:"parseStyle",value:function(t){var e=[];if(t["background-image"]){var n=Se(t["background-image"]);n.str.match(ef).forEach((function(t,r){var o=null;(t=Pe(t,n.matches)).includes("repeating-linear-gradient")?o=zs.parse(t):t.includes("linear-gradient")?o=_s.parse(t):t.includes("repeating-radial-gradient")?o=yl.parse(t):t.includes("radial-gradient")?o=rl.parse(t):t.includes("repeating-conic-gradient")?o=zl.parse(t):t.includes("conic-gradient")?o=Cl.parse(t):t.includes("url")&&(o=hs.parse(t)),e[r]=new i({type:o.type,image:o})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=Gl(t.split(" "),2),o=r[0],i=r[1];e[n].width=ln.parse(o),e[n].height=ln.parse(i)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=Gl(t.split(" "),2),o=r[0],i=r[1];e[n].x=ln.parse(o),e[n].y=ln.parse(i)}})),e}},{key:"toPropertyCSS",value:function(t){var e={};return t.forEach((function(t){T(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),U(e)}},{key:"join",value:function(t){return Q(i.toPropertyCSS(t.map((function(t){return i.parse(t)}))))}},{key:"joinCSS",value:function(t){return i.toPropertyCSS(t.map((function(t){return i.parse(t)})))}}],(n=[{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:i.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:i.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return Wl(Ql(i.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:ln.percent(100),height:ln.percent(100),x:ln.percent(0),y:ln.percent(0),image:new Qu})}},{key:"toCloneObject",value:function(){var t=this.json;return Yl(Yl({},Wl(Ql(i.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=ln.parse(t.x),t.y=ln.parse(t.y),t.width&&(t.width=ln.parse(t.width)),t.height&&(t.height=ln.parse(t.height)),F(t.image)&&(t.image=i.parseImage(t.image)),t}},{key:"checkField",value:function(t,e){return"repeat"===t?tf.includes(e):Wl(Ql(i.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{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(){return Yl(Yl(Yl(Yl(Yl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return D(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}}])&&Ul(e.prototype,n),r&&Ul(e,r),i}(ui),rf={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=nf.parseStyle(tt(n["background-image"]));r.unshift(new nf({image:nf.parseImage(e)})),t.emit("setAttribute",{"background-image":nf.join(r)},n.id)})),Ea(t,!0)}},of={command:"addBackgroundImageAsset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=nf.parseStyle(tt(n["background-image"]));r.unshift(new nf({image:new hs({url:e})}));var o=Q(nf.toPropertyCSS(r));t.emit("setAttribute",{"background-image":o},n.id)})),Ea(t,!0)}},af={command:"item.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(-1*n,0),t.emit("refresh"),Ea(t,!0)}},cf={command:"item.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(n,0),t.emit("refresh"),Ea(t,!0)}},uf={command:"item.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,-1*n),t.emit("refresh"),Ea(t,!0)}},sf={command:"item.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,n),t.emit("refresh"),Ea(t,!0)}};var lf={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},ff={command:"segment.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,n)}},pf={command:"segment.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,-1*n)}},yf={command:"segment.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",n,0)}},hf={command:"segment.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",-1*n,0)}},df={command:"toggle.fullscreen",execute:function(t,e){dn.body().fullscreen()}};function vf(t){return(vf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bf(t){return function(t){if(Array.isArray(t))return wf(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||gf(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mf(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||gf(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function gf(t,e){if(t){if("string"==typeof t)return wf(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?wf(t,e):void 0}}function wf(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Of(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Of(Object(n),!0).forEach((function(e){Sf(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Of(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Sf(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function jf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return e&&Pf(t.prototype,e),n&&Pf(t,n),t}function Rf(t,e,n){return(Rf="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 $f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function Ef(t,e){return(Ef=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _f(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Tf(t);if(e){var o=Tf(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Cf(this,n)}}function Cf(t,e){return!e||"object"!==vf(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Tf(t){return(Tf=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Df=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,Af=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,kf({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Hf[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Se(t);return(r.str.match(Df)||[]).forEach((function(t,o){var i=mf(t.split("("),2),a=i[0],c=i[1],u=mf((c=c.split(")")[0]).split(",").map((function(t){return t.trim()})),6),s=u[0],l=u[1],f=u[2],p=u[3],y=u[4],h=u[5],d=mf(s.split(" "),2),v=d[0],b=d[1],m=mf(l.split(" "),2),g=m[0],w=m[1],O=mf((h||"").split(" "),2),k=O[0],S=O[1];e[o]=n.parse({type:a,x:ln.parse(g),y:ln.parse(w),width:ln.parse(v),height:ln.parse(b),foreColor:Pe(f,r.matches),backColor:Pe(p,r.matches),blendMode:y||"normal",lineWidth:ln.parse(k||"1px"),lineHeight:ln.parse(S||"1px")})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,bf(nf.parseStyle(tt(t.toCSS()))))})),nf.joinCSS(e)}}]),n}(ui),If=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:ln.px(0),y:ln.px(0),width:ln.px(20),height:ln.px(20),lineWidth:ln.px(1),lineHeight:ln.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=Rf(Tf(n.prototype),"convert",this).call(this,t)).width=ln.parse(t.width),t.height=ln.parse(t.height),t.lineWidth=ln.parse(t.lineWidth),t.lineHeight=ln.parse(t.lineHeight),t.x=ln.parse(t.x),t.y=ln.parse(t.y),t}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.width,r=t.height,o=t.x,i=t.y,a=t.foreColor,c=t.backColor,u=t.blendMode,s=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(o," ").concat(i,", ").concat(a,", ").concat(c,", ").concat(u,", ").concat(s," ").concat(l,")")}}]),n}(Af),Vf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(a=a||"black"," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%),repeating-linear-gradient(45deg, ").concat(a," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,", ").concat(e," ").concat(n,";\n      background-blend-mode: ").concat(c,", ").concat(c,";\n    ")}}]),n}(If),Lf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=t.lineHeight,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: linear-gradient(".concat(a=a||"black"," ").concat(o,", ").concat(i," ").concat(o,"),linear-gradient(to right, ").concat(a," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px, ").concat(e.value/2,"px ").concat(n.value/2,"px;      \n      background-blend-mode: ").concat(c,", ").concat(c,";      \n    ")}}]),n}(If),Mf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=(t.lineHeight,t.backColor),i=t.foreColor,a=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(i=i||"black"," ").concat(r,", ").concat(o," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(a,";      \n    ")}}]),n}(If),Bf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=(t.lineHeight,t.backColor),c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(i,", ").concat(a," ").concat(i,"),radial-gradient(").concat(c," ").concat(i,", ").concat(a," ").concat(i,");\n      background-size: ").concat(e," ").concat(n,",").concat(e," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(o,";      \n      background-blend-mode: multiply, ").concat(u,";\n    ")}}]),n}(If),zf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.lineWidth,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent",a=a||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(a," 0, ").concat(a," ").concat(o,", ").concat(i," 0, ").concat(i," 50%);\n      background-size: ").concat(e," ").concat(n,";      \n      background-blend-mode: ").concat(c,";\n    ")}}]),n}(If),Ff=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);\n      background-size: ").concat(e," ").concat(n,"; \n      background-position: ").concat(r," ").concat(o,";        \n      background-blend-mode: ").concat(u,";\n    ")}}]),n}(If),Gf=function(t){$f(n,t);var e=_f(n);function n(){return jf(this,n),e.apply(this,arguments)}return xf(n,[{key:"getDefaultObject",value:function(){return Rf(Tf(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);    \n      background-position: ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,";   \n      background-blend-mode: ").concat(u,";\n    ")}}]),n}(If),Hf={check:Vf,grid:Lf,dot:Mf,"cross-dot":Bf,"diagonal-line":zf,"vertical-line":Ff,"horizontal-line":Gf},Xf={CheckPattern:Vf,GridPattern:Lf,DotPattern:Mf,CrossDotPattern:Bf,DiagonalLinePattern:zf,VerticalLinePattern:Ff,HorizontalLinePattern:Gf};function Yf(t){return function(t){if(Array.isArray(t))return Nf(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Nf(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Nf(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nf(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var Kf={command:"addBackgroundImagePattern",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{pattern:Af.join([].concat(Yf(Af.parseStyle(e)),Yf(Af.parseStyle(n.pattern))))},n.id)})),Ea(t,!0)}},Uf={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{"background-color":e},n.id)})),Ea(t,!0)}};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)}}var Zf,qf=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(t){return 1===t.selection.items.length?t.selection.currentArtboard:t.selection.allRect}}],(n=null)&&Wf(e.prototype,n),r&&Wf(e,r),t}(),Jf={command:"sort.bottom",execute:function(t){var e=qf.getContainer(t).screenY2.value;t.selection.each((function(t){t.setScreenY2(e)})),t.emit("resetSelection")}},Qf={command:"sort.top",execute:function(t){var e=qf.getContainer(t).screenY.value;t.selection.each((function(t){t.setScreenY(e)})),t.emit("resetSelection")}},tp={command:"sort.right",execute:function(t){var e=qf.getContainer(t).screenX2.value;t.selection.each((function(t){t.setScreenX2(e)})),t.emit("resetSelection")}};function ep(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var np=(ep(Zf={refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas",!0),t.emit("refreshStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection")},resetSelection:function(t){t.selection.setRectCache(),t.emit("setAttribute"),t.emit("refreshSelectionTool")},addBackgroundColor:Uf,addBackgroundImagePattern:Kf,toggleFullscreen:df,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:ff,segmentMoveUp:pf,segmentMoveRight:yf,segmentMoveLeft:hf,changeModeView:lf,addDrawBrush:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showBrushDrawEditor")},addDrawPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathDrawEditor")},itemDelete:{command:"item.delete",execute:function(t){t.selection.remove(),t.emit("refreshArtboard")}},itemMoveRight:cf,itemMoveUp:uf,itemMoveDown:sf,itemMoveLeft:af,keymapKeydown:{command:"keymap.keydown",execute:function(t,e){t.shortcuts.execute(e,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(t,e){t.shortcuts.execute(e,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(t){t.emit("changeScaleValue",t.scale-.25)}},scalePlus:{command:"scale.plus",execute:function(t){t.emit("changeScaleValue",t.scale+.25)}},dropAsset:ru,addBackgroundImageAsset:of,addBackgroundImageGradient:rf,addTimelineItem:nu,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:eu,nextTimelineItem:tu,firstTimelineItem:Qc,prevTimelineItem:Jc,playTimelineItem:qc,copyTimelineProperty:Xc,addTimelineKeyframe:Hc,removeAnimationItem:Gc,removeTimeline:Fc,selectTimelineItem:zc,deleteTimelineKeyframe:Bc,removeTimelineProperty:Mc,addTimelineCurrentProperty:Lc,setTimelineOffset:Vc,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:Ic,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:Dc,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},downloadPNG:Tc,downloadSVG:Cc,downloadJSON:jc,updateUriList:kc,updateImageAssetItem:wc,updateVideoAssetItem:Oc,addSVGFilterAssetItem:gc,dropImageUrl:mc,addImageAssetItem:lc,addVideoAssetItem:dc,updateImage:oc,updateVideo:ic,updateResource:{command:"updateResource",execute:function(t,e){e.forEach((function(n){switch(n.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("updateImage",n);break;case"text/plain":case"text/html":e.length&&t.emit("addText",{content:n.data});break;case"text/uri-list":t.emit("updateUriList",n)}}))}},fileDropItems:rc,updateScale:{command:"updateScale",execute:function(t,e){t.scale=e,t.emit("changeScale")}},showExportView:{command:"showExportView",execute:function(t){t.emit("showExportWindow")}},switchTheme:{command:"switchTheme",execute:function(t,e){t.changeTheme(e),t.emit("changeTheme")}},clipboardPaste:{command:"clipboard.paste",execute:function(t,e){t.selection.length&&(t.selection.paste(),t.emit("refreshAll"))}},clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.selection.currentProject;n||(n=t.add(t.components.createComponent("project")),t.selection.selectProject(n));var r=n.add(t.components.createComponent("artboard",Ka({x:ln.px(300),y:ln.px(200),width:ln.px(375),height:ln.px(667)},e)));t.selection.selectArtboard(r),t.selection.select(r),Ea(t)},addImage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","image",e,e)},addVideo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","video",e,e)},addLayer:function t(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=e.selection.current||e.selection.currentArtboard;o?(o.enableHasChildren()||(o=o.parent),o.add(n),r.x&&n.setScreenX(r.x.value),r.y&&n.setScreenY(r.y.value),e.selection.select(n),Ea(e)):(e.emit("addArtBoard"),setTimeout((function(){t(e,n,r)}),50))},addPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathEditor","path")},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.components.createComponent("project",Za({},e)));t.selection.selectProject(n),Ea(t)},convertPath:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.current;if(r){if(r.is("svg-path","svg-brush","svg-textpath")){var o=e;if(n)(i=new Ya(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.updatePathItem({d:o})}else if(r["clip-path"].includes("path")){var i;o=e;if(n)(i=new Ya(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.reset({"clip-path":"path(".concat(o,")")})}t.emit("refreshElement",r)}},newComponent:function(t,e,n){e.includes("text")||(n["background-color"]=Ye.random()),"svg-textpath"===e?n=ec(ec({},n),{},{text:"Insert a newText","font-size":ln.parse(n.height),textLength:"100%",d:Qa.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===e?(e="svg-path",n=ec(ec({},n),{},{"background-color":void 0,d:Qa.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===e?(e="svg-path",n=ec(ec({},n),{},{"background-color":void 0,d:Qa.makeRect(0,0,n.width.value,n.height.value)})):"text"===e&&(n=ec(ec({},n),{},{content:"Insert a text",width:ln.px(300),height:ln.px(50),"font-size":ln.px(30)})),t.emit("addLayer",t.components.createComponent(e,ec({},n)),n),t.changeMode(ap),t.emit("afterChangeMode")},refreshElement:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t.emit("refreshSelectionStyleView",e,n,e&&!1===e.enableHasChildren()),!0===r&&t.emit("refreshElementBoundSize",t.selection.getRootItem(e))},refreshProject:function(t,e){t.emit("refreshStyleView",e,!0)},resizeArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=e.split("x"),o=_a(r,2),i=o[0],a=o[1];i=ln.px(i),a=ln.px(a),n.reset({width:i,height:a}),t.selection.select(n),Ea(t)}},selectItem:function(t){t.changeMode(ap),t.emit("afterChangeMode")},selectArtboard:function(t,e){e&&(t.selection.selectArtboard(e),t.selection.select(e),t.emit("refreshArtboard"),t.emit("resetSelection"))},setAttribute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];t.selection.itemsByIds(n).forEach((function(n){Object.keys(e).forEach((function(t){var r=e[t];X(r)&&(r=r()),n.reset($a({},t,r))})),t.emit("refreshElement",n,r,o)}))},sortBottom:Jf,sortCenter:{command:"sort.center",execute:function(t){var e=qf.getContainer(t),n=e.screenX.value+e.width.value/2;t.selection.each((function(t){t.setScreenXCenter(n)})),t.emit("resetSelection")}},sortLeft:{command:"sort.left",execute:function(t){var e=qf.getContainer(t).screenX.value;t.selection.each((function(t){t.setScreenX(e)})),t.emit("resetSelection")}},sortMiddle:{command:"sort.middle",execute:function(t){var e=qf.getContainer(t),n=e.screenY.value+e.height.value/2;t.selection.each((function(t){t.setScreenYMiddle(n)})),t.emit("resetSelection")}}},"sortBottom",Jf),ep(Zf,"sortTop",Qf),ep(Zf,"sortRight",tp),ep(Zf,"sameWidth",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenX(n.x.value),t.width.set(n.width.value)}))}t.emit("resetSelection")}}),ep(Zf,"sameHeight",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenY(n.y.value),t.height.set(n.height.value)}))}t.emit("resetSelection")}}),Zf),rp=[{key:"1",command:"addComponentType",args:"rect",description:"Add rect layer",when:"CanvasView"},{key:"2",command:"addComponentType",args:"circle",description:"Add circle layer",when:"CanvasView"},{key:"3",command:"addComponentType",args:"text",description:"Add text layer",when:"CanvasView"},{key:"4",command:"addComponentType",args:"image",description:"Add image layer",when:"CanvasView"},{key:"5",command:"addComponentType",args:"cube",description:"Add cube layer",when:"CanvasView"},{key:"6",command:"addPath",description:"Add svg path",when:"CanvasView"},{key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:{dy:1},when:"PathEditorView"},{key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:{dy:1},when:"PathEditorView"},{key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:{dx:1},when:"PathEditorView"},{key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:{dx:1},when:"PathEditorView"},{key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:{dx:10},when:"PathEditorView"},{key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:{dx:10},when:"PathEditorView"},{key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:{dx:5},when:"PathEditorView"},{key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:{dx:5},when:"PathEditorView"},{key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{key:"ArrowLeft",command:"item.move.left",description:"move 1px to left",args:{dx:1},when:"CanvasView"},{key:"ArrowRight",command:"item.move.right",description:"move 1px to right",args:{dx:1},when:"CanvasView"},{key:"ArrowDown",command:"item.move.down",description:"move 1px to down",args:{dy:1},when:"CanvasView"},{key:"ArrowUp",command:"item.move.up",description:"move 1px to up",args:{dy:1},when:"CanvasView"},{key:"Shift+ArrowDown",command:"item.move.down",description:"move 10px to down",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowRight",command:"item.move.right",description:"move 10px to right",args:{dx:10},when:"CanvasView"},{key:"Shift+ArrowUp",command:"item.move.up",description:"move 10px to up",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowLeft",command:"item.move.left",description:"move 10px to left",args:{dx:10},when:"CanvasView"},{key:"Alt+ArrowLeft",command:"item.move.left",description:"move 5px to left",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowDown",command:"item.move.down",description:"move 5px to down",args:{dy:5},when:"CanvasView"},{key:"Alt+ArrowRight",command:"item.move.right",description:"move 5px to right",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowUp",command:"item.move.up",description:"move 5px to up",args:{dy:5},when:"CanvasView"},{key:"Backspace",command:"item.delete",description:"Delete selected items",when:"CanvasView"},{key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}];function op(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var ap="SELECTION",cp=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};op(this,t),this.config=new ga(this),this.commands=new la(this),this.shortcuts=new va(this),this.selection=new ia(this),this.timeline=new Ho(this),this.components=ua,this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.scale=1,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=ap,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.$store=e.$store,this.initTheme(),this.loadCommands(),this.loadShortCuts()}var e,n,r;return e=t,(n=[{key:"loadCommands",value:function(){var t=this;Object.keys(np).forEach((function(e){X(np[e])?t.commands.registerCommand(e,np[e]):t.commands.registerCommand(np[e])}))}},{key:"loadShortCuts",value:function(){var t=this;rp.forEach((function(e){t.shortcuts.registerShortCut(e)})),this.shortcuts.sort()}},{key:"i18n",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return Vo.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return Vo.hasKey(t,e||this.locale)}},{key:"initI18n",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2?arguments[2]:void 0,i="".concat(e,".").concat(n);return t.hasI18nkey(i,o)?t.$i18n("".concat(e,".").concat(n),r,o):t.$i18n("".concat(n),r,o)}}},{key:"setLocale",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"en_US";this.locale=t,this.saveItem("locale",this.locale)}},{key:"setUser",value:function(t){this.user=t}},{key:"initTheme",value:function(){var t="dark";window.localStorage&&(t=window.localStorage.getItem("easylogic.studio.theme"),t=["gray","light"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Lo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ap;this.mode=t}},{key:"changeModeView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CanvasView";this.modeView=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(ap)}},{key:"changeAddType",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.changeMode("ADD"),this.addComponentType=t,this.isComponent=e}},{key:"changeTheme",value:function(t){t=["light","gray"].includes(t)?t:"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:"replaceLocalUrltoRealUrl",value:function(t){var e=this.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}},{key:"replaceLocalUrltoId",value:function(t){var e=this.projects,n={};return e.forEach((function(e){e.images.forEach((function(e){t.indexOf(e.local)>-1&&(n[e.local]="#"+e.id)}))})),Object.keys(n).forEach((function(e){t.indexOf(e)>-1&&(t=t.replace(new RegExp(e,"g"),n[e]))})),t}},{key:"makeResource",value:function(t){var e=JSON.stringify(t);return e=this.replaceLocalUrltoId(e)}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),JSON.stringify(e))}},{key:"revokeResource",value:function(t){var e=this,n=JSON.parse(t||"[]"),r={};return n.forEach((function(t){t.images.forEach((function(t){r["#".concat(t.id)]=t}))})),Object.keys(r).map((function(t){var e=r[t],n=Ra.parse(e.original,!0);e.local=n.local})),n.forEach((function(t){t.layers=e.applyAsset(t.layers,r)})),n}},{key:"applyAsset",value:function(t,e){var n=this;return B(t)?t=t.map((function(t){return n.applyAsset(t,e)})):H(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):F(t)&&Object.keys(e).forEach((function(n){var r=e[n];t.indexOf("#".concat(r.id))>-1&&(t=t.replace(new RegExp("#".concat(r.id),"g"),r.local))})),t}},{key:"loadResource",value:function(t){return this.revokeResource(window.localStorage.getItem("easylogic.studio.".concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("easylogic.studio.".concat(t))||JSON.stringify(""))}},{key:"zIndex",get:function(){return this.popupZIndex++}}])&&ip(e.prototype,n),r&&ip(e,r),t}();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 sp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 fp(t,e){return(fp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hp(t);if(e){var o=hp(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yp(this,n)}}function yp(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 hp(t){return(hp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var dp={x:0,y:0},vp={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},bp=function(t){return new(function(e){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(a,e);var n,r,o,i=pp(a);function a(){return sp(this,a),i.apply(this,arguments)}return n=a,(r=[{key:"initialize",value:function(){this.$store=new br,this.$editor=new cp({$store:this.$store}),this.$container=dn.create(this.getContainer()),this.$container.addClass(this.getClassName()),this.render(this.$container),this.initBodyMoves()}},{key:"initBodyMoves",value:function(){this.moves=new Set,this.ends=new Set,this.modifyBodyMoveSecond(0)}},{key:"modifyBodyMoveSecond",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.$config.set("body.move.ms",t),this.funcBodyMoves=_(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"))}},{key:"loopBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||vp;!(n.x===t.x&&n.y===t.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=t.x-n.xy.x,o=t.y-n.xy.y;0==r&&0==o||n.func.call(n.context,r,o,"move",e.pressure)})),this.$config.set("lastPos",t)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent");t&&this.ends.forEach((function(n){n.func.call(n.context,t.x-n.xy.x,t.y-n.xy.y,"end",e.pressure)})),this.moves.clear(),this.ends.clear()}},{key:Do("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:Do("add/body/mouseup"),value:function(t,e,n){this.ends.add({func:t,context:e,xy:n})}},{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:Hn("document"),value:function(t){if("INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName){var e=t.xy||dp;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}}},{key:Xn("document"),value:function(t){"INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName&&(this.$config.set("bodyEvent",t),this.removeBodyMoves(),this.requestId=null)}},{key:Bn("window")+nr(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}])&&lp(n.prototype,r),o&&lp(n,o),a}(Ao))(t)},mp={App:v,Color:Ye,HueColor:Ke,ColorNames:ye,Dom:dn,EventMachine:wo,UIElement:Ao};function gp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gp(Object(n),!0).forEach((function(e){Op(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Op(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function kp(t,e){for(var n=0;n<e.length;n++){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 Sp=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){F(t=t||"#FF0000")&&(t=Ye.parse(t)),this.state.alpha=L(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=wp(wp({},this.state.hsl),t),this.state.rgb=Ye.HSLtoRGB(this.state.hsl),this.state.hsv=Ye.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=wp(wp({},this.state.rgb),t),this.state.hsl=Ye.RGBtoHSL(this.state.rgb),this.state.hsv=Ye.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=wp(wp({},this.state.hsv),t),this.state.rgb=Ye.HSVtoRGB(this.state.hsv),this.state.hsl=Ye.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return Ke.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 Ye.format(wp(wp({},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(X(e.colors)){var r=e.colors;e.colors=r(t.state),e._colors=r}return wp({name:"color-".concat(n),colors:[]},e)}))}},{key:"setCurrentColorSets",value:function(t){var e=this.getUserList();L(t)?this.state.currentColorSets=e[0]:Y(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?Ye.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}}])&&kp(e.prototype,n),r&&kp(e,r),t}();function jp(t){return(jp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Pp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Rp(t,e,n){return(Rp="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=Cp(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,e){return($p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ep(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cp(t);if(e){var o=Cp(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _p(this,n)}}function _p(t,e){return!e||"object"!==jp(e)&&"function"!=typeof e?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)}var Tp=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$p(t,e)}(i,t);var e,n,r,o=Ep(i);function i(){return Pp(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"created",value:function(){this.manager=new Sp(this),this.isColorPickerShow=!1,this.isShortCut=!1,this.hideDelay=+V(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;this.$body=null,this.$root=null,this.$store=new br,this.callbackChange=function(){t.callbackChangeValue()},this.colorpickerShowCallback=function(){},this.colorpickerHideCallback=function(){},this.$body=dn.create(this.getContainer()),this.$root=dn.create("div","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=dn.create("div","arrow"),this.$root.append(this.$arrow),this.manager.setUserPalette(this.opt.colorSets),this.render(this.$root),this.initColorWithoutChangeEvent(this.opt.color)}},{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=+V(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),this.emit("changeColor")}},{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:ln.px(r),top:ln.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:ln.px(-1e4),top:ln.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(),X(this.opt.onChange)&&this.opt.onChange.call(this,t),X(this.colorpickerShowCallback)&&this.colorpickerShowCallback(t)}},{key:"callbackHideValue",value:function(t){t=t||this.getCurrentColor(),X(this.opt.onHide)&&this.opt.onHide.call(this,t),X(this.colorpickerHideCallback)&&this.colorpickerHideCallback(t)}},{key:"getCurrentColor",value:function(){return this.manager.toColor(this.outputFormat)}},{key:"checkColorPickerClass",value:function(t){var e=dn.create(t),n=e.closest("codemirror-colorview"),r=e.closest("colorpicker"),o=e.closest("CodeMirror");return t.nodeName,!!(r||n||o)}},{key:"checkInHtml",value:function(t){return"HTML"==t.nodeName}},{key:"initializeStoreEvent",value:function(){Rp(Cp(i.prototype),"initializeStoreEvent",this).call(this),this.$store.on("changeColor",this.callbackChange,this),this.$store.on("changeFormat",this.callbackChange,this)}},{key:"destroy",value:function(){Rp(Cp(i.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:xn("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}}])&&xp(e.prototype,n),r&&xp(e,r),i}(Ao);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 Ap(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Vp(t,e){return(Vp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Lp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bp(t);if(e){var o=Bp(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Mp(this,n)}}function Mp(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){return(Bp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}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 Fp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Hp(t,e){return(Hp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Xp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Np(t);if(e){var o=Np(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Yp(this,n)}}function Yp(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 Np(t){return(Np=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Kp=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hp(t,e)}(i,t);var e,n,r,o=Xp(i);function i(){return Fp(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ln.px(t)})}},{key:"getMousePosition",value:function(t){return yr.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))}}])&&Gp(e.prototype,n),r&&Gp(e,r),i}(function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Lp(i);function i(){return Ap(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"refresh",value:function(){}},{key:"refreshColorUI",value:function(t){}},{key:"changeColor",value:function(t){this.parent.changeColor(t||{}),this.emit("changeColor")}},{key:Xn("document"),value:function(t){this.onDragEnd(t)}},{key:Hn("document"),value:function(t){this.onDragMove(t)}},{key:Gn("$bar"),value:function(t){this.isDown=!0}},{key:Gn("$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:Do("changeColor","initColor"),value:function(){this.refresh()}}])&&Ip(e.prototype,n),r&&Ip(e,r),i}(Ao));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 Wp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(qp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Jp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ty(t);if(e){var o=ty(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Qp(this,n)}}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 ty(t){return(ty=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ey=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qp(t,e)}(i,t);var e,n,r,o=Jp(i);function i(){return Wp(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$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})}}])&&Zp(e.prototype,n),r&&Zp(e,r),i}(Kp);function ny(t){return(ny="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ry(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ay(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=fy(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,e){return(uy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fy(t);if(e){var o=fy(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ly(this,n)}}function ly(t,e){return!e||"object"!==ny(e)&&"function"!=typeof e?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){return(fy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var py=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uy(t,e)}(i,t);var e,n,r,o=sy(i);function i(){return iy(this,i),o.apply(this,arguments)}return e=i,(n=[{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(){cy(fy(i.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]:{};e%2?ry(Object(n),!0).forEach((function(e){oy(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ry(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Ye.format(t,"rgb");t.a=1;var n=Ye.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})}}])&&ay(e.prototype,n),r&&ay(e,r),i}(Kp);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 hy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vy(t,e){return(vy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function by(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gy(t);if(e){var o=gy(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return my(this,n)}}function my(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 gy(t){return(gy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wy=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=by(i);function i(){return hy(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"<div class='color'></div>"}},{key:pr("$el"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:Do("changeColor","initColor"),value:function(){this.refresh()}}])&&dy(e.prototype,n),r&&dy(e,r),i}(Ao);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 ky(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Sy(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Sy(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sy(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function jy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 xy(t,e,n){return(xy="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 Ry(t,e){return(Ry=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_y(t);if(e){var o=_y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ey(this,n)}}function Ey(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 _y(t){return(_y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Cy=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$y(i);function i(){return jy(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){xy(_y(i.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=dn.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 y=p-s+1,h=f-l+1,d=y*y+h*h,v=gt(y,h),b=Ye.HSVtoRGB(v,Math.min(Math.sqrt(d)/u,1),1),m=4*(f*t+p);i[m]=b.r,i[m+1]=b.g,i[m+2]=b.b,i[m+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=ky(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:bt(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=(h=u.x)-a,l=(d=u.y)-c,f=s*s+l*l,p=gt(s,l);if(f>i*i)var y=this.getCurrentXY(null,p,i,a,c),h=y.x,d=y.y;var v=Math.min(Math.sqrt(f)/i,1);this.refs.$drag_pointer.px("left",h-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:Do("changeColor"),value:function(){this.refresh(!0)}},{key:Do("initColor"),value:function(){this.refresh(!0)}},{key:Xn("document"),value:function(t){this.isDown=!1}},{key:Hn("document"),value:function(t){this.isDown&&this.setHueColor(t)}},{key:Gn("$drag_pointer"),value:function(t){this.isDown=!0}},{key:Gn(),value:function(t){this.isDown=!0,this.setHueColor(t)}}])&&Py(e.prototype,n),r&&Py(e,r),i}(Ao);function Ty(t){return(Ty="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ay(t,e){for(var n=0;n<e.length;n++){var 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(Iy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=My(t);if(e){var o=My(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ly(this,n)}}function Ly(t,e){return!e||"object"!==Ty(e)&&"function"!=typeof e?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){return(My=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var By=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Iy(t,e)}(i,t);var e,n,r,o=Vy(i);function i(){return Dy(this,i),o.apply(this,arguments)}return e=i,(n=[{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:Do("changeColor","initColor"),value:function(){this.refresh()}},{key:In("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:In("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:In("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:In("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:In("$hsl_h"),value:function(t){this.changeHslColor()}},{key:In("$hsl_s"),value:function(t){this.changeHslColor()}},{key:In("$hsl_l"),value:function(t){this.changeHslColor()}},{key:In("$hsl_a"),value:function(t){this.changeHslColor()}},{key:$n("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||this.parent.initColor(e)}},{key:jn("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:jn("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:jn("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:jn("$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()}}])&&Ay(e.prototype,n),r&&Ay(e,r),i}(Ao);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 Fy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Gy(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Hy="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 Xy(t,e){return(Xy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Yy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ky(t);if(e){var o=Ky(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ny(this,n)}}function Ny(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 Ky(t){return(Ky=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Uy=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Yy(i);function i(){return Fy(this,i),o.apply(this,arguments)}return e=i,(n=[{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:Do("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Do("toggleColorChooser"),value:function(){this.toggle()}},{key:ur("$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:jn("$toggleButton"),value:function(t){this.toggle()}},{key:jn("$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(){Hy(Ky(i.prototype),"destroy",this).call(this),this.hide()}}])&&Gy(e.prototype,n),r&&Gy(e,r),i}(Ao);function Wy(t){return(Wy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Zy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Jy(t,e){return(Jy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Qy(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=eh(t);if(e){var o=eh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return th(this,n)}}function th(t,e){return!e||"object"!==Wy(e)&&"function"!=typeof e?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)}var nh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Qy(i);function i(){return Zy(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$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:Do("changeCurrentColorSets"),value:function(){this.refresh()}},{key:Do("initColor"),value:function(){this.refresh()}},{key:jn("$colorSetsChooseButton"),value:function(t){this.emit("toggleColorChooser")}},{key:Dn("$colorSetsColorList"),value:function(t){if(t.preventDefault(),this.parent.manager.getCurrentColorSets().edit){var e=dn.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:jn("$colorSetsColorList .add-color-item"),value:function(t){this.addColor(this.parent.getColor())}},{key:jn("$colorSetsColorList .color-item"),value:function(t,e){this.parent.initColor(e.attr("data-color"))}}])&&qy(e.prototype,n),r&&qy(e,r),i}(Ao);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 oh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ih(t,e){for(var n=0;n<e.length;n++){var 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(ah=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ch(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=sh(t);if(e){var o=sh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return uh(this,n)}}function uh(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 sh(t){return(sh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var lh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ch(i);function i(){return oh(this,i),o.apply(this,arguments)}return e=i,(n=[{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=yr.pos(t);this.$el.px("top",n.clientY-10),this.$el.px("left",n.clientX),this.$el.addClass("show"),this.selectedColorIndex=e,L(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:Do("showContextMenu"),value:function(t,e){this.show(t,e)}},{key:jn("$el .menu-item"),value:function(t,e){t.preventDefault(),this.runCommand(e.attr("data-type")),this.hide()}}])&&ih(e.prototype,n),r&&ih(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function yh(t,e){for(var n=0;n<e.length;n++){var 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(hh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bh(t);if(e){var o=bh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vh(this,n)}}function vh(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 bh(t){return(bh=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=dh(i);function i(){return ph(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ey,Opacity:py,ColorView:wy,ColorWheel:Cy,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&yh(e.prototype,n),r&&yh(e,r),i}(Tp);function gh(t){return(gh="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kh(t,e){return(kh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Sh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ph(t);if(e){var o=Ph(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jh(this,n)}}function jh(t,e){return!e||"object"!==gh(e)&&"function"!=typeof e?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)}var xh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Sh(i);function i(){return wh(this,i),o.apply(this,arguments)}return e=i,(n=[{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"})}}])&&Oh(e.prototype,n),r&&Oh(e,r),i}(Kp);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 $h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _h(t,e){return(_h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ch(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Dh(t);if(e){var o=Dh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Th(this,n)}}function Th(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)}var Ah=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ch(i);function i(){return $h(this,i),o.apply(this,arguments)}return e=i,(n=[{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=yr.pos(t).pageX-e.left,i=yr.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:Do("changeColor","initColor"),value:function(){this.refresh()}},{key:Xn("document"),value:function(t){this.isDown=!1}},{key:Hn("document"),value:function(t){this.isDown&&this.setMainColor(t)}},{key:Gn(),value:function(t){this.isDown=!0,this.setMainColor(t)}},{key:Xn(),value:function(t){this.isDown=!1}}])&&Eh(e.prototype,n),r&&Eh(e,r),i}(Ao);function Ih(t){return(Ih="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mh(t,e){return(Mh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Bh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Fh(t);if(e){var o=Fh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return zh(this,n)}}function zh(t,e){return!e||"object"!==Ih(e)&&"function"!=typeof e?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)}var Gh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Bh(i);function i(){return Vh(this,i),o.apply(this,arguments)}return e=i,(n=[{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:xh,Opacity:py,ColorView:wy,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&Lh(e.prototype,n),r&&Lh(e,r),i}(Tp);function Hh(t){return(Hh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nh(t,e){return(Nh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kh(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wh(t);if(e){var o=Wh(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uh(this,n)}}function Uh(t,e){return!e||"object"!==Hh(e)&&"function"!=typeof e?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)}var Zh=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Kh(i);function i(){return Xh(this,i),o.apply(this,arguments)}return e=i,(n=[{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:xh,Opacity:py,Palette:Ah}}}])&&Yh(e.prototype,n),r&&Yh(e,r),i}(Tp);function qh(t){return(qh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qh(t,e){for(var n=0;n<e.length;n++){var 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(td=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ed(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rd(t);if(e){var o=rd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nd(this,n)}}function nd(t,e){return!e||"object"!==qh(e)&&"function"!=typeof e?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)}var od=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&td(t,e)}(i,t);var e,n,r,o=ed(i);function i(){return Jh(this,i),o.apply(this,arguments)}return e=i,(n=[{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 yr.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)}}])&&Qh(e.prototype,n),r&&Qh(e,r),i}(Kp);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(ud="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=pd(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 sd(t,e){return(sd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ld(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=pd(t);if(e){var o=pd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fd(this,n)}}function fd(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 pd(t){return(pd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var yd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sd(t,e)}(i,t);var e,n,r,o=ld(i);function i(){return ad(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){ud(pd(i.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"})}}])&&cd(e.prototype,n),r&&cd(e,r),i}(od);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 dd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 bd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=Sd(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 wd(t,e){return(wd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Od(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Sd(t);if(e){var o=Sd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return kd(this,n)}}function kd(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 Sd(t){return(Sd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var jd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Od(i);function i(){return bd(this,i),o.apply(this,arguments)}return e=i,(n=[{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(){gd(Sd(i.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]:{};e%2?dd(Object(n),!0).forEach((function(e){vd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Ye.format(t,"rgb");t.a=1;var n=Ye.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})}}])&&md(e.prototype,n),r&&md(e,r),i}(od);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 xd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 $d(t,e){return($d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ed(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cd(t);if(e){var o=Cd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _d(this,n)}}function _d(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 Cd(t){return(Cd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Td=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$d(t,e)}(i,t);var e,n,r,o=Ed(i);function i(){return xd(this,i),o.apply(this,arguments)}return e=i,(n=[{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:yd,Opacity:jd,Palette:Ah}}}])&&Rd(e.prototype,n),r&&Rd(e,r),i}(Tp);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 Ad(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function Vd(t,e,n){return(Vd="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=zd(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,e){return(Ld=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Md(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zd(t);if(e){var o=zd(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bd(this,n)}}function Bd(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 zd(t){return(zd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Md(i);function i(){return Ad(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){Vd(zd(i.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=gt((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}),this.emit("changeColor"))}}])&&Id(e.prototype,n),r&&Id(e,r),i}(Cy);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 Hd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(Yd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Nd(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ud(t);if(e){var o=Ud(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Kd(this,n)}}function Kd(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 Ud(t){return(Ud=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Wd=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yd(t,e)}(i,t);var e,n,r,o=Nd(i);function i(){return Hd(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ey,Opacity:py,ColorView:wy,ColorRing:Fd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&Xd(e.prototype,n),r&&Xd(e,r),i}(Tp);function Zd(t){return(Zd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jd(t,e){for(var n=0;n<e.length;n++){var 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(Qd=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nv(t);if(e){var o=nv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ev(this,n)}}function ev(t,e){return!e||"object"!==Zd(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nv(t){return(nv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tv(i);function i(){return qd(this,i),o.apply(this,arguments)}return e=i,(n=[{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:yd,Opacity:jd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&Jd(e.prototype,n),r&&Jd(e,r),i}(Tp);function ov(t){return(ov="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(cv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lv(t);if(e){var o=lv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sv(this,n)}}function sv(t,e){return!e||"object"!==ov(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lv(t){return(lv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=uv(i);function i(){return iv(this,i),o.apply(this,arguments)}return e=i,(n=[{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:jn("$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:ey,Opacity:py,ColorView:wy,ColorRing:Fd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&av(e.prototype,n),r&&av(e,r),i}(Tp);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 yv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dv(t,e){return(dv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mv(t);if(e){var o=mv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bv(this,n)}}function bv(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 mv(t){return(mv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dv(t,e)}(i,t);var e,n,r,o=vv(i);function i(){return yv(this,i),o.apply(this,arguments)}return e=i,(n=[{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:jn("$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:yd,Opacity:jd,Palette:Ah,Information:By,CurrentColorSets:nh,ColorSetsChooser:Uy,ContextMenu:lh}}}])&&hv(e.prototype,n),r&&hv(e,r),i}(Tp),wv={create:function(t){switch(t.type){case"macos":return new mh(t);case"xd":return new rv(t);case"xd-tab":return new gv(t);case"ring":return new Wd(t);case"ring-tab":return new fv(t);case"mini":return new Zh(t);case"mini-vertical":return new Td(t);case"sketch":case"palette":default:return new Gh(t)}},ColorPicker:Gh,ChromeDevToolColorPicker:Gh,MacOSColorPicker:mh,RingColorPicker:Wd,MiniColorPicker:Zh,MiniVerticalColorPicker:Td,XDColorPicker:rv};function Ov(t){return(Ov="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(jv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Pv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rv(t);if(e){var o=Rv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xv(this,n)}}function xv(t,e){return!e||"object"!==Ov(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rv(t){return(Rv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $v=["flex","grid"],Ev=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Pv(i);function i(){return kv(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"isLayoutItem",value:function(){return $v.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return $v.includes(this.json.layout)}},{key:"isInGrid",value:function(){return!!this.isLayoutItem()&&"grid"===this.parent.layout}},{key:"isInFlex",value:function(){return!!this.isLayoutItem()&&"flex"===this.parent.layout}}])&&Sv(e.prototype,n),r&&Sv(e,r),i}(Fi);function _v(t){return(_v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Cv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cv(Object(n),!0).forEach((function(e){Dv(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Dv(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Iv(t,e){for(var n=0;n<e.length;n++){var 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,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=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 Lv(t,e){return(Lv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Mv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zv(t);if(e){var o=zv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bv(this,n)}}function Bv(t,e){return!e||"object"!==_v(e)&&"function"!=typeof e?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){return(zv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Mv(i);function i(){return Av(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(){return Vv(zv(i.prototype),"getDefaultObject",this).call(this,{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:ln.second(0),timingFunction:"ease",delay:ln.second(0),iterationCount:ln.string("infinite"),playState:"running",fillMode:"none"})}},{key:"convert",value:function(t){return(t=Vv(zv(i.prototype),"convert",this).call(this,t)).duration=ln.parse(t.duration),t.iterationCount=ln.parse(t.iterationCount),t}},{key:"toCloneObject",value:function(){var t=this.json;return Tv(Tv({},Vv(zv(i.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(" ")}}])&&Iv(e.prototype,n),r&&Iv(e,r),i}(ui);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 Hv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hv(Object(n),!0).forEach((function(e){Yv(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yv(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=Jv(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 Wv(t,e){return(Wv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Zv(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Jv(t);if(e){var o=Jv(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qv(this,n)}}function qv(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 Jv(t){return(Jv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Qv=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Zv(i);function i(){return Nv(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(){return Uv(Jv(i.prototype),"getDefaultObject",this).call(this,{itemType:"transition",checked:!0,property:"all",duration:ln.second(0),timingFunction:"ease",delay:ln.second(0)})}},{key:"toCloneObject",value:function(){return Xv(Xv({},Uv(Jv(i.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(" ")}}])&&Kv(e.prototype,n),r&&Kv(e,r),i}(ui);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eb(Object(n),!0).forEach((function(e){rb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rb(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ib(t,e){for(var n=0;n<e.length;n++){var 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,n){return(ab="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 cb(t,e){return(cb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ub(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lb(t);if(e){var o=lb(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sb(this,n)}}function sb(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 lb(t){return(lb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fb=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ub(i);function i(){return ob(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(t){return ab(lb(i.prototype),"getDefaultObject",this).call(this,nb({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return nb(nb({},ab(lb(i.prototype),"toCloneObject",this).call(this)),{},{selector:this.json.selector,properties:this.json.properties.map((function(t){return N(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)}}])&&ib(e.prototype,n),r&&ib(e,r),i}(ui);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)}}var yb=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 ln.parse(t)})),n=ln.percent(0),r=ln.percent(0),o=ln.percent(0),i=ln.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)&&pb(e.prototype,n),r&&pb(e,r),t}();function hb(t){return(hb="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return vb(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vb(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vb(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function bb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bb(Object(n),!0).forEach((function(e){gb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kb(t,e,n){return(kb="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=xb(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,e){return(Sb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xb(t);if(e){var o=xb(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pb(this,n)}}function Pb(t,e){return!e||"object"!==hb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xb(t){return(xb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Rb=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,$b=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sb(t,e)}(i,t);var e,n,r,o=jb(i);function i(){return wb(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toCSS",value:function(t){return new i(t).toCSS()}},{key:"toString",value:function(t){return i.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(Rb)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=db(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 ln("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=db(t.split("at").map((function(t){return t.trim()})),2);e=r[0],n=r[1]}else n=t.trim();var o=db(n.split(" "),2),i=o[0],a=o[1];return L(a)&&(a=i),{radius:e,x:i=ln.parse(i),y:a=ln.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=t.split("at").map((function(t){return t.trim()})),o=db(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=db(i,2),c=a[0],u=a[1];L(u)&&(u=c),c=ln.parse(c),u=ln.parse(u);var s=e.split(" "),l=db(s,2),f=l[0],p=l[1];return L(p)&&(p=f),{radiusX:f=ln.parse(f),radiusY:p=ln.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=db(e,2),r=n[0],o=n[1],i=yb.parse(r),a=db(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=yb.parse(o),y=db(p,5),h=y[0],d=y[1],v=y[2],b=y[3],m=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:m}}},{key:"parseStyleForPolygon",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=db(t.trim().split(" "),2),n=e[0],r=e[1];return{x:ln.parse(n),y:ln.parse(r)}}))}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return kb(xb(i.prototype),"getDefaultObject",this).call(this,mb({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return mb(mb({},kb(xb(i.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()}}}])&&Ob(e.prototype,n),r&&Ob(e,r),i}(ui);function Eb(t){return(Eb="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||Tb(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Cb(t){return function(t){if(Array.isArray(t))return Db(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||Tb(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Tb(t,e){if(t){if("string"==typeof t)return Db(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Db(t,e):void 0}}function Db(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ib(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ab(Object(n),!0).forEach((function(e){Vb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vb(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Lb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Bb(t,e,n){return(Bb="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 zb(t,e){return(zb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Hb(t);if(e){var o=Hb(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Gb(this,n)}}function Gb(t,e){return!e||"object"!==Eb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hb(t){return(Hb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Xb=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Fb(i);function i(){return Lb(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bb(Hb(i.prototype),"getDefaultObject",this).call(this,Ib({position:"absolute",x:ln.px(0),y:ln.px(0),right:"",bottom:"",width:ln.px(300),height:ln.px(300),rootVariable:"",variable:"",transform:"",filter:"","backdrop-filter":"","background-color":"","background-clip":"","background-image":"",pattern:"",border:"","border-radius":"","box-shadow":"","box-sizing":"border-box","text-shadow":"","text-clip":"","clip-path":"",color:"black","font-size":ln.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":"",overflow:"visible",opacity:"",rotate:"","text-fill-color":"","text-stroke-color":"","text-stroke-width":"","offset-path":"","offset-distance":"","z-index":ln.auto,layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",outline:{},animations:[],transitions:[],selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return Ib(Ib({},Bb(Hb(i.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"],overflow:t.overflow,opacity:t.opacity+"",rotate:t.rotate+"","flex-layout":t["flex-layout"],"grid-layout":t["grid-layout"],outline:N(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=Bb(Hb(i.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 Fv(Ib({checked:!0},t)))}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new fb(Ib({checked:!0},t)))}},{key:"createTransition",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addTransition(new Qv(Ib({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(Cb(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&&L(n)){var o=Ib({},r.all);r.top=Ib({},o),r.bottom=Ib({},o),r.left=Ib({},o),r.right=Ib({},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=Ib(Ib({},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={};return t.forEach((function(t){T(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),U(e)}},{key:"toStringPropertyCSS",value:function(t){return tt(this.json[t])}},{key:"toBackgroundImageCSS",value:function(){var t=[];return Af.parseStyle(this.json.pattern).forEach((function(e){t.push.apply(t,Cb(nf.parseStyle(tt(e.toCSS()))))})),t.push.apply(t,Cb(nf.parseStyle(tt(this.json["background-image"])))),nf.joinCSS(t)}},{key:"toLayoutCSS",value:function(){var t=this.json.layout;if(this.hasLayout()){if("flex"===t)return this.toFlexLayoutCSS();if("grid"===t)return this.toGridLayoutCSS()}return{}}},{key:"toLayoutItemCSS",value:function(){var t=this.json.parent.layout,e={};return"flex"===t?e={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===t&&(e={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===t?e=Ib(Ib({},e),tt(this.json["flex-layout-item"])):"grid"===t&&(e=Ib(Ib({},e),tt(this.json["grid-layout-item"]))),e}},{key:"toFlexLayoutCSS",value:function(){return Ib({display:"flex"},this.toStringPropertyCSS("flex-layout"))}},{key:"toGridLayoutCSS",value:function(){return Ib({display:"grid"},this.toStringPropertyCSS("grid-layout"))}},{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]?Vb({},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 Q(this.toCSS())}},{key:"toExport",value:function(){return Q(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.filter((function(e){return M(e)&&""!==t[e]})).forEach((function(n){e[n]=t[n]})),e}},{key:"toDefaultCSS",value:function(){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",Ib(Ib({},t),this.toKeyListCSS("position","right","bottom","width","height","overflow","z-index","box-sizing","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(){return Ib(Ib({},{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=_b(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=_b(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o})),t}},{key:"toRootVariableString",value:function(){return Q(this.toRootVariableCSS())}},{key:"toWebkitCSS",value:function(){var t=this.toKeyListCSS("text-fill-color","text-stroke-color","text-stroke-width","background-clip"),e={};return T(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($b.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId,")")}return{"clip-path":t}}},{key:"toCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toSVGCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultSVGCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{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:"generateView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n="\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(Q(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:Q(e.css||{},"\n\t\t"),"; \n  }")})).join("\n"),"\n").concat(this.toSelectorString(t),"\n");return n}},{key:"generateDragView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=this.generateView(t,e).replace(/background\-/gi,"");return n}},{key:"generateSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(t){var e=this.json.width.value,n=this.json.height.value;return'\n<svg width="'.concat(e,'" height="').concat(n,'" viewBox="0 0 ').concat(e," ").concat(n,'" 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:"wrapperRootSVG",value:function(t,e,n,r,o){return"\n    <g>\n      ".concat(this.toDefString,"\n      ").concat(o,"\n    </g>\n    ")}},{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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.layers,i=r.width,a=r.height,c=r.elementType,u=c||"div",s=this.toCSS();return n?(delete s.left,delete s.top,"absolute"===s.position&&delete s.position,this.wrapperRootSVG(t,e,i,a,'\n        <g transform="translate('.concat(t,", ").concat(e,')">      \n          <foreignObject ').concat(et({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(Q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n        </g>\n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"\n      "))):"\n        ".concat(this.toDefString,'\n        <g transform="translate(').concat(t,", ").concat(e,')">\n          <foreignObject ').concat(et({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(Q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n          \n        </g>             \n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"           \n      ")}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():ln.px(0),y:this.json.y?this.json.y.clone():ln.px(0),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=ln.px(t.x.value+t.width.value),t.y2=ln.px(t.y.value+t.height.value),t}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.$('[data-id="'.concat(this.innerSVGId,'"]'));if(n){var r=this.toDefInnerString.trim();if(r){var o=n.$("defs");o.html(r)}}else{var i=this.toDefString.trim();if(i){var a=dn.createByHTML(i);a&&t.prepend(a)}}}}},{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(nt(Vb({"element-item":!0},i,!0)),'" ').concat(et({"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(0,0,!0)}},{key:"toDefInnerString",get:function(){return"\n      ".concat(this.toClipPath,"\n    ")}},{key:"toClipPath",get:function(){var t=$b.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"}}])&&Mb(e.prototype,n),r&&Mb(e,r),i}(Ev),Yb='<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 Nb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Kb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nb(Object(n),!0).forEach((function(e){Ub(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ub(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Wb=Kb(Kb({},{fullscreen:Yb}),{},{volume_down:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"/>\n    </svg>\n',volume_up:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>\n</svg>',volume_off:'\n<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>\n</svg>\n',pentool:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <g transform="translate(4.000003875248012, 4.000001937624006)">\n        <path stroke="currentColor" d="M 7.501491970838878 -0.0000015572448855733659Q 14.336036333057622 7.389304433496911 15.674208571053226 11.025537025755131Q 17.012380809048864 14.661769618013372 12.854180922821438 14.544928811787997L 12.854180922821438 16.99999278410904L 3.2146550430021494 16.99999278410904L 3.2146550430021494 14.544928811787997Q -0.8480130988910353 14.661769618013372 0.22369613306813782 11.025537025755131Q 1.295405365027311 7.389304433496911 7.501491970838878 -0.0000015572448855733659Z M 7.501491970838878 -0.0000015572448855733659M 7.043097362212707 10.615180199186797L 7.043097362212707 2.029497238417552Q 2.4235653311211847 7.389304433496911 1.2143202542326725 11.099378313047254Q 0.22369613306813782 14.380813978493594 4.269842778971384 13.709709450113499L 4.269842778971384 16.233605781316655L 11.751764459057853 16.233605781316655L 11.751764459057853 13.709709450113499Q 15.84146041516868 14.140123940309786 14.670231046646997 10.775846698306177Q 14.195747591990225 9.593976493057127 8.077664264490855 2.029497238417552L 8.077664264490855 10.615180199186797L 7.043097362212707 10.615180199186797Z"/>\n    </g>\n</svg>',launch:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>\n    </svg>',apps:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/></svg>',outline_rect:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',outline_circle:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',keyboard:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>',local_movie:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/></svg>',same_height:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',same_width:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',middle:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',bottom:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',top:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',right:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',center:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n</svg>\n',left:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',flag:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/></svg>',lens:'<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 2z"/></svg>',local_library:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"/></svg>',italic:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/></svg>',strikethrough:'<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 clip-path="url(#b)" d="M7.24 8.75c-.26-.48-.39-1.03-.39-1.67 0-.61.13-1.16.4-1.67.26-.5.63-.93 1.11-1.29.48-.35 1.05-.63 1.7-.83.66-.19 1.39-.29 2.18-.29.81 0 1.54.11 2.21.34.66.22 1.23.54 1.69.94.47.4.83.88 1.08 1.43.25.55.38 1.15.38 1.81h-3.01c0-.31-.05-.59-.15-.85-.09-.27-.24-.49-.44-.68-.2-.19-.45-.33-.75-.44-.3-.1-.66-.16-1.06-.16-.39 0-.74.04-1.03.13-.29.09-.53.21-.72.36-.19.16-.34.34-.44.55-.1.21-.15.43-.15.66 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.05-.08-.11-.17-.15-.25zM21 12v-2H3v2h9.62c.18.07.4.14.55.2.37.17.66.34.87.51.21.17.35.36.43.57.07.2.11.43.11.69 0 .23-.05.45-.14.66-.09.2-.23.38-.42.53-.19.15-.42.26-.71.35-.29.08-.63.13-1.01.13-.43 0-.83-.04-1.18-.13s-.66-.23-.91-.42c-.25-.19-.45-.44-.59-.75-.14-.31-.25-.76-.25-1.21H6.4c0 .55.08 1.13.24 1.58.16.45.37.85.65 1.21.28.35.6.66.98.92.37.26.78.48 1.22.65.44.17.9.3 1.38.39.48.08.96.13 1.44.13.8 0 1.53-.09 2.18-.28s1.21-.45 1.67-.79c.46-.34.82-.77 1.07-1.27s.38-1.07.38-1.71c0-.6-.1-1.14-.31-1.61-.05-.11-.11-.23-.17-.33H21z"/></svg>',underline:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"/></svg>',cylinder:'\n<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" style=\'transform:scale(0.8)\'>\n<g class="cylinder">\n<path d="M 12 0 C 7.636719 0 3 1.226562 3 3.5 L 3 20.5 C 3 22.773438 7.636719 24 12 24 C 16.363281 24 21 22.773438 21 20.5 L 21 3.5 C 21 1.226562 16.363281 0 12 0 Z M 20 19.121094 C 19.921875 19.140625 19.84375 19.171875 19.78125 19.230469 C 19.574219 19.414062 19.554688 19.726562 19.738281 19.933594 C 19.914062 20.128906 20 20.320312 20 20.5 C 20 21.542969 16.957031 23 12 23 C 7.042969 23 4 21.542969 4 20.5 C 4 20.320312 4.085938 20.128906 4.261719 19.933594 C 4.445312 19.726562 4.425781 19.410156 4.21875 19.226562 C 4.15625 19.171875 4.078125 19.140625 4 19.121094 L 4 5.160156 C 5.59375 6.363281 8.863281 7 12 7 C 15.136719 7 18.40625 6.363281 20 5.160156 Z M 12 6 C 7.042969 6 4 4.542969 4 3.5 C 4 2.457031 7.042969 1 12 1 C 16.957031 1 20 2.457031 20 3.5 C 20 4.542969 16.957031 6 12 6 Z M 12 6 "/>\n</g>\n</svg>\n',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 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-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:Yb,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>',video:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>\n    </svg>\n',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 Zb(t){return(Zb="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qb(Object(n),!0).forEach((function(e){Qb(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Qb(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=am(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,e){return(rm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function om(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=am(t);if(e){var o=am(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return im(this,n)}}function im(t,e){return!e||"object"!==Zb(e)&&"function"!=typeof e?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)}var cm=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=om(i);function i(){return tm(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.rect}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return nm(am(i.prototype),"getDefaultObject",this).call(this,Jb({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Wb.rect}},{key:"toCloneObject",value:function(){return Jb(Jb({},nm(am(i.prototype),"toCloneObject",this).call(this)),{},{tagName:this.json.tagName})}},{key:"screenX",get:function(){return this.json.parent?ln.px(this.json.parent.screenX.value+(this.json.x||zero).value):this.json.x||ln.px(0)}},{key:"screenY",get:function(){return this.json.parent?ln.px(this.json.parent.screenY.value+(this.json.y||zero).value):this.json.y||ln.px(0)}}])&&em(e.prototype,n),r&&em(e,r),i}(Xb);function um(t){return(um="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sm(Object(n),!0).forEach((function(e){fm(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fm(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ym(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hm(t,e,n){return(hm="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=mm(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 dm(t,e){return(dm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mm(t);if(e){var o=mm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bm(this,n)}}function bm(t,e){return!e||"object"!==um(e)&&"function"!=typeof e?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)}var gm="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),wm={xChannelSelector:!0,yChannelSelector:!0},Om=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vm(i);function i(){return pm(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new(0,ij[t.type])(t)}}],(n=[{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]:{},e=Pt();return hm(mm(i.prototype),"getDefaultObject",this).call(this,lm({itemType:"svgfilter",id:e,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 F(t.in)&&(t.in=JSON.parse(t.in)),F(t.bound)&&(t.bound=JSON.parse(t.bound)),F(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return lm(lm({},hm(mm(i.prototype),"toCloneObject",this).call(this)),{},{id:this.json.id,in:N(this.json.in),bound:N(this.json.bound),connected:N(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(wm).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=""),gm.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()," />")}}])&&ym(e.prototype,n),r&&ym(e,r),i}(ui);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 Sm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Pm="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=Em(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 xm(t,e){return(xm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Rm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Em(t);if(e){var o=Em(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $m(this,n)}}function $m(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 Em(t){return(Em=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var _m=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Rm(i);function i(){return Sm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Pm(Em(i.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:i.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=ln.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    ')}}])&&jm(e.prototype,n),r&&jm(e,r),i}(Om);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 Tm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Dm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=Mm(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 Im(t,e){return(Im=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Mm(t);if(e){var o=Mm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Lm(this,n)}}function Lm(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 Mm(t){return(Mm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}_m.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:ln.number(0)}};var Bm=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Im(t,e)}(i,t);var e,n,r,o=Vm(i);function i(){return Tm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Am(Mm(i.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>")}}])&&Dm(e.prototype,n),r&&Dm(e,r),i}(Om);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 Fm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Hm(t,e,n){return(Hm="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=Km(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 Xm(t,e){return(Xm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ym(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Km(t);if(e){var o=Km(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Nm(this,n)}}function Nm(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 Km(t){return(Km=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Bm.spec={};var Um=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ym(i);function i(){return Fm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Hm(Km(i.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:i.spec.operator.defaultValue,k1:i.spec.k1.defaultValue,k2:i.spec.k2.defaultValue,k3:i.spec.k3.defaultValue,k4:i.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}}])&&Gm(e.prototype,n),r&&Gm(e,r),i}(Om);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 Zm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Jm="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=ng(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 Qm(t,e){return(Qm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ng(t);if(e){var o=ng(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eg(this,n)}}function eg(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 ng(t){return(ng=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Um.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:ln.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)}};var rg=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qm(t,e)}(i,t);var e,n,r,o=tg(i);function i(){return Zm(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Jm(ng(i.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:i.spec.operator.defaultValue,radius:i.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()," />")}}])&&qm(e.prototype,n),r&&qm(e,r),i}(Om);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 ig(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ag(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=fg(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 ug(t,e){return(ug=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fg(t);if(e){var o=fg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lg(this,n)}}function lg(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 fg(t){return(fg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}rg.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(0)}};var pg=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ug(t,e)}(i,t);var e,n,r,o=sg(i);function i(){return ig(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return cg(fg(i.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:i.spec.filterType.defaultValue,baseFrequency:i.spec.baseFrequency.defaultValue,numOctaves:i.spec.numOctaves.defaultValue,seed:i.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=ln.parse(t.baseFrequency),t.numOctaves=ln.parse(t.numOctaves),t.seed=ln.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(et({type:e,baseFrequency:n,numOctaves:r,seed:o}),"   ").concat(this.getDefaultAttribute()," />")}}])&&ag(e.prototype,n),r&&ag(e,r),i}(Om);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 hg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vg(t,e,n){return(vg="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 bg(t,e){return(bg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wg(t);if(e){var o=wg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gg(this,n)}}function gg(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 wg(t){return(wg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}pg.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:ln.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:ln.number(0)}};var Og=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=mg(i);function i(){return hg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return vg(wg(i.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:i.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=ln.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}}])&&dg(e.prototype,n),r&&dg(e,r),i}(Om);function kg(t){return(kg="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Pg="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=Eg(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 xg(t,e){return(xg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Rg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Eg(t);if(e){var o=Eg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $g(this,n)}}function $g(t,e){return!e||"object"!==kg(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Eg(t){return(Eg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Og.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:ln.number(0)}};var _g=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Rg(i);function i(){return Sg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Pg(Eg(i.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:i.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()," />")}}])&&jg(e.prototype,n),r&&jg(e,r),i}(Om);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 Tg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=Mg(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 Ig(t,e){return(Ig=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Mg(t);if(e){var o=Mg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Lg(this,n)}}function Lg(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 Mg(t){return(Mg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}_g.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 Bg=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Vg(i);function i(){return Tg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Ag(Mg(i.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:i.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()," />")}}])&&Dg(e.prototype,n),r&&Dg(e,r),i}(Om);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 Fg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Gg(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Hg(t,e,n){return(Hg="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 Xg(t,e){return(Xg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Yg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Kg(t);if(e){var o=Kg(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ng(this,n)}}function Ng(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 Kg(t){return(Kg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Bg.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var Ug=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Yg(i);function i(){return Fg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Hg(Kg(i.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:i.spec.stdDeviationX.defaultValue,stdDeviationY:i.spec.stdDeviationY.defaultValue,edgeMode:i.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=ln.parse(t.stdDeviationX),t.stdDeviationY=ln.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()," />")}}])&&Gg(e.prototype,n),r&&Gg(e,r),i}(Om);function Wg(t){return(Wg="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Jg="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=nw(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,e){return(Qg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nw(t);if(e){var o=nw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ew(this,n)}}function ew(t,e){return!e||"object"!==Wg(e)&&"function"!=typeof e?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)}Ug.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var rw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qg(t,e)}(i,t);var e,n,r,o=tw(i);function i(){return Zg(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Jg(nw(i.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,width:i.spec.width.defaultValue,height:i.spec.height.defaultValue,color:i.spec.color.defaultValue,opacity:i.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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(et({x:r,y:o,width:i,height:a}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&qg(e.prototype,n),r&&qg(e,r),i}(Om);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,e){return lw(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||uw(t,e)||cw()}function aw(t){return lw(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||uw(t)||cw()}function cw(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function uw(t,e){if(t){if("string"==typeof t)return sw(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?sw(t,e):void 0}}function sw(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function lw(t){if(Array.isArray(t))return t}function fw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yw(t,e,n){return(yw="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=bw(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 hw(t,e){return(hw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bw(t);if(e){var o=bw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vw(this,n)}}function vw(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 bw(t){return(bw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}rw.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var mw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hw(t,e)}(i,t);var e,n,r,o=dw(i);function i(){return fw(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return yw(bw(i.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:i.spec.r.defaultValue,g:i.spec.g.defaultValue,b:i.spec.b.defaultValue,a:i.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=aw(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=iw(r,2);return{type:n,slop:o[0],intercept:o[1]}}if("gamma"===n){var i=iw(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(et(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(et(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(et(r)," />"),"\n      ").concat(o&&"<feFuncA ".concat(et(o)," />"),"\n    </feComponentTransfe>")}}])&&pw(e.prototype,n),r&&pw(e,r),i}(Om);function gw(t){return(gw="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ow(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kw(t,e,n){return(kw="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=xw(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 Sw(t,e){return(Sw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xw(t);if(e){var o=xw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pw(this,n)}}function Pw(t,e){return!e||"object"!==gw(e)&&"function"!=typeof e?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)}mw.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 Rw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=jw(i);function i(){return ww(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return kw(xw(i.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:i.spec.azimuth.defaultValue,elevation:i.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(et({azimuth:e,elevation:n})," />")}}])&&Ow(e.prototype,n),r&&Ow(e,r),i}(Om);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 Ew(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 Cw(t,e,n){return(Cw="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=Iw(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,e){return(Tw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Dw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Iw(t);if(e){var o=Iw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Aw(this,n)}}function Aw(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){return(Iw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}Rw.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var Vw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tw(t,e)}(i,t);var e,n,r,o=Dw(i);function i(){return Ew(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Cw(Iw(i.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,z:i.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(et({x:e,y:n,z:r})," />")}}])&&_w(e.prototype,n),r&&_w(e,r),i}(Om);function Lw(t){return(Lw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Bw(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zw(t,e,n){return(zw="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=Xw(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 Fw(t,e){return(Fw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Xw(t);if(e){var o=Xw(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Hw(this,n)}}function Hw(t,e){return!e||"object"!==Lw(e)&&"function"!=typeof e?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)}Vw.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var Yw=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Gw(i);function i(){return Mw(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return zw(Xw(i.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:i.spec.x.defaultValue,y:i.spec.x.defaultValue,z:i.spec.x.defaultValue,pointsAtX:i.spec.pointsAtX.defaultValue,pointsAtY:i.spec.pointsAtY.defaultValue,pointsAtZ:i.spec.pointsAtZ.defaultValue,specularExponent:i.spec.specularExponent.defaultValue,limitingConeAngle:i.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(et({x:e,y:n,z:r,pointsAtX:o,pointsAtY:i,pointsAtZ:a,specularExponent:c,limitingConeAngle:u})," />")}}])&&Bw(e.prototype,n),r&&Bw(e,r),i}(Om);function Nw(t){return(Nw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Kw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Kw(Object(n),!0).forEach((function(e){Ww(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Kw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 Zw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function Jw(t,e,n){return(Jw="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=nO(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 Qw(t,e){return(Qw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nO(t);if(e){var o=nO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eO(this,n)}}function eO(t,e){return!e||"object"!==Nw(e)&&"function"!=typeof e?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)}Yw.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)}};var rO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tO(i);function i(){return Zw(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Jw(nO(i.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:i.spec.surfaceScale.defaultValue,lightingColor:i.spec.lightingColor.defaultValue,diffuseConstant:i.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return Uw(Uw({},Jw(nO(i.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(et({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}])&&qw(e.prototype,n),r&&qw(e,r),i}(Om);function oO(t){return(oO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iO(Object(n),!0).forEach((function(e){cO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function uO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sO(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lO(t,e,n){return(lO="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=hO(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 fO(t,e){return(fO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hO(t);if(e){var o=hO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yO(this,n)}}function yO(t,e){return!e||"object"!==oO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hO(t){return(hO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}rO.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var dO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=pO(i);function i(){return uO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return lO(hO(i.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:i.spec.surfaceScale.defaultValue,lightingColor:i.spec.lightingColor.defaultValue,specularConstant:i.spec.specularConstant.defaultValue,specularExponent:i.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return aO(aO({},lO(hO(i.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(et({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":o}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}])&&sO(e.prototype,n),r&&sO(e,r),i}(Om);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 bO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 gO(t,e,n){return(gO="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=SO(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 wO(t,e){return(wO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function OO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=SO(t);if(e){var o=SO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return kO(this,n)}}function kO(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 SO(t){return(SO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}dO.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:ln.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var jO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wO(t,e)}(i,t);var e,n,r,o=OO(i);function i(){return bO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return gO(SO(i.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:i.spec.dx.defaultValue,dy:i.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(et({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}])&&mO(e.prototype,n),r&&mO(e,r),i}(Om);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 $O(t,e,n){return($O="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=TO(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 EO(t,e){return(EO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TO(t);if(e){var o=TO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CO(this,n)}}function CO(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)}jO.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var DO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=_O(i);function i(){return xO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return $O(TO(i.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:i.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(et({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}])&&RO(e.prototype,n),r&&RO(e,r),i}(Om);function AO(t){return(AO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function IO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IO(Object(n),!0).forEach((function(e){LO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function MO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(zO="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=XO(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 FO(t,e){return(FO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XO(t);if(e){var o=XO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HO(this,n)}}function HO(t,e){return!e||"object"!==AO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XO(t){return(XO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}DO.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var YO=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=GO(i);function i(){return MO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zO(XO(i.prototype),"getDefaultObject",this).call(this,VO({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}])&&BO(e.prototype,n),r&&BO(e,r),i}(Om);function NO(t){return(NO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=QO(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 ZO(t,e){return(ZO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=QO(t);if(e){var o=QO(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return JO(this,n)}}function JO(t,e){return!e||"object"!==NO(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QO(t){return(QO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var tk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=qO(i);function i(){return KO(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return WO(QO(i.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}])&&UO(e.prototype,n),r&&UO(e,r),i}(YO);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 ok(t,e,n){return(ok="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=uk(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 ik(t,e){return(ik=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uk(t);if(e){var o=uk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ck(this,n)}}function ck(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 uk(t){return(uk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ak(i);function i(){return nk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return ok(uk(i.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}])&&rk(e.prototype,n),r&&rk(e,r),i}(YO);function lk(t){return(lk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pk(t,e){for(var n=0;n<e.length;n++){var 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,n){return(yk="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=bk(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 hk(t,e){return(hk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bk(t);if(e){var o=bk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vk(this,n)}}function vk(t,e){return!e||"object"!==lk(e)&&"function"!=typeof e?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)}var mk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=dk(i);function i(){return fk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return yk(bk(i.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}])&&pk(e.prototype,n),r&&pk(e,r),i}(YO);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 wk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kk(t,e,n){return(kk="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=xk(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 Sk(t,e){return(Sk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xk(t);if(e){var o=xk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pk(this,n)}}function Pk(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 xk(t){return(xk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Rk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=jk(i);function i(){return wk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return kk(xk(i.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}])&&Ok(e.prototype,n),r&&Ok(e,r),i}(YO);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 Ek(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _k(t,e){for(var n=0;n<e.length;n++){var 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,n){return(Ck="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=Ik(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 Tk(t,e){return(Tk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ik(t);if(e){var o=Ik(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ak(this,n)}}function Ak(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 Ik(t){return(Ik=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Vk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tk(t,e)}(i,t);var e,n,r,o=Dk(i);function i(){return Ek(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Ck(Ik(i.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}])&&_k(e.prototype,n),r&&_k(e,r),i}(YO);function Lk(t){return(Lk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Bk(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zk(t,e,n){return(zk="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=Xk(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 Fk(t,e){return(Fk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Gk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Xk(t);if(e){var o=Xk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Hk(this,n)}}function Hk(t,e){return!e||"object"!==Lk(e)&&"function"!=typeof e?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)}var Yk=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Gk(i);function i(){return Mk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return zk(Xk(i.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}])&&Bk(e.prototype,n),r&&Bk(e,r),i}(YO);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Wk(t,e,n){return(Wk="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=Qk(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 Zk(t,e){return(Zk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Qk(t);if(e){var o=Qk(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Jk(this,n)}}function Jk(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 Qk(t){return(Qk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var tS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=qk(i);function i(){return Kk(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return Wk(Qk(i.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:i.spec.dx.defaultValue,dy:i.spec.dy.defaultValue,stdDeviation:i.spec.stdDeviation.defaultValue,color:i.spec.color.defaultValue,opacity:i.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(et({dx:e,dy:n,stdDeviation:r,"flood-color":o,"flood-opacity":i}),"  ").concat(this.getDefaultAttribute()," />")}}])&&Uk(e.prototype,n),r&&Uk(e,r),i}(Om);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 oS(t,e,n){return(oS="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 iS(t,e){return(iS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uS(t);if(e){var o=uS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cS(this,n)}}function cS(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 uS(t){return(uS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}tS.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:ln.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:ln.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var sS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=aS(i);function i(){return nS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return oS(uS(i.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:i.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()," />")}}])&&rS(e.prototype,n),r&&rS(e,r),i}(Om);function lS(t){return(lS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pS(t,e){for(var n=0;n<e.length;n++){var 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,n){return(yS="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=bS(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 hS(t,e){return(hS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bS(t);if(e){var o=bS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vS(this,n)}}function vS(t,e){return!e||"object"!==lS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bS(t){return(bS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}sS.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:ln.number(0)}};var mS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=dS(i);function i(){return fS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return yS(bS(i.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:i.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()," />")}}])&&pS(e.prototype,n),r&&pS(e,r),i}(Om);function gS(t){return(gS="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kS(t,e,n){return(kS="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=xS(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 SS(t,e){return(SS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xS(t);if(e){var o=xS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return PS(this,n)}}function PS(t,e){return!e||"object"!==gS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xS(t){return(xS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}mS.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:ln.number(0)}};var RS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=jS(i);function i(){return wS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return kS(xS(i.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}])&&OS(e.prototype,n),r&&OS(e,r),i}(Om);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 ES(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=IS(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 TS(t,e){return(TS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function DS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=IS(t);if(e){var o=IS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return AS(this,n)}}function AS(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 IS(t){return(IS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}RS.spec={};var VS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&TS(t,e)}(i,t);var e,n,r,o=DS(i);function i(){return ES(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return CS(IS(i.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,width:i.spec.width.defaultValue,height:i.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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(et({x:e,y:n,width:r,height:o})," ").concat(this.getDefaultAttribute()," />")}}])&&_S(e.prototype,n),r&&_S(e,r),i}(Om);function LS(t){return(LS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function MS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function BS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=XS(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,e){return(FS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XS(t);if(e){var o=XS(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HS(this,n)}}function HS(t,e){return!e||"object"!==LS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XS(t){return(XS=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}VS.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)}};var YS=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=GS(i);function i(){return MS(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){return zS(XS(i.prototype),"getDefaultObject",this).call(this,{type:"Image",x:i.spec.x.defaultValue,y:i.spec.y.defaultValue,width:i.spec.width.defaultValue,height:i.spec.height.defaultValue,src:i.spec.src.defaultValue,alignment:i.spec.alignment.defaultValue,scaleing:i.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=ln.parse(t.x),t.y=ln.parse(t.y),t.width=ln.parse(t.width),t.height=ln.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(et({x:n,y:r,width:o,height:i,"xlink:href":e,preserveAspectRatio:"".concat(a," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}])&&BS(e.prototype,n),r&&BS(e,r),i}(Om);function NS(t){return(NS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function US(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KS(Object(n),!0).forEach((function(e){WS(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function WS(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ZS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qS(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JS(t,e,n){return(JS="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=nj(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,e){return(QS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nj(t);if(e){var o=nj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ej(this,n)}}function ej(t,e){return!e||"object"!==NS(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nj(t){return(nj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}YS.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:ln.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 rj=["result"],oj=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tj(i);function i(){return ZS(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new(0,ij[t.type])(t)}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return JS(nj(i.prototype),"getDefaultObject",this).call(this,US({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return rj.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()," />")}}])&&qS(e.prototype,n),r&&qS(e,r),i}(ui),ij={Image:YS,Tile:VS,Saturate:sS,HueRotate:mS,LuminanceAlpha:RS,DropShadow:tS,SourceGraphic:tk,SourceAlpha:sk,BackgroundImage:mk,BackgroundAlpha:Rk,FillPaint:Vk,StrokePaint:Yk,ComponentTransfer:mw,DistantLight:Rw,PointLight:Vw,SpotLight:Yw,DiffuseLighting:rO,SpecularLighting:dO,Blend:DO,Offset:jO,RotaMatrix:_m,GaussianBlur:Ug,Flood:rw,Merge:Bm,Composite:Um,Morphology:rg,Turbulence:pg,DisplacementMap:Og,ColorMatrix:_g,ConvolveMatrix:Bg},aj={Image:YS.spec,Tile:VS.spec,DropShadow:tS.spec,Saturate:sS.spec,HueRotate:mS.spec,LuminanceAlpha:RS.spec,Offset:jO.spec,ComponentTransfer:mw.spec,SpecularLighting:dO.spec,SpotLight:Yw.spec,PointLight:Vw.spec,DistantLight:Rw.spec,DiffuseLighting:rO.spec,Blend:DO.spec,RotaMatrix:_m.spec,Merge:Bm.spec,GaussianBlur:Ug.spec,Flood:rw.spec,Morphology:rg.spec,Composite:Um.spec,Turbulence:pg.spec,DisplacementMap:Og.spec,ColorMatrix:_g.spec,ConvolveMatrix:Bg.spec};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){return function(t){if(Array.isArray(t))return sj(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return sj(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sj(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sj(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function lj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lj(Object(n),!0).forEach((function(e){pj(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pj(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 hj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dj(t,e,n){return(dj="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=gj(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 vj(t,e){return(vj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gj(t);if(e){var o=gj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mj(this,n)}}function mj(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 gj(t){return(gj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wj=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vj(t,e)}(i,t);var e,n,r,o=bj(i);function i(){return yj(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}}],(n=[{key:"getDefaultObject",value:function(){return dj(gj(i.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:ln.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return fj(fj({},dj(gj(i.prototype),"toCloneObject",this).call(this)),{},{offset:this.json.offset+"",color:this.json.color,properties:this.json.properties.map((function(t){return N(t)}))})}},{key:"convert",value:function(t){return(t=dj(gj(i.prototype),"convert",this).call(this,t)).offset=ln.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(Q(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(fj({checked:!0,value:ln.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(uj(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],fj({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,o=0,i=n.length;o<i;o++)if(this.json.properties[o].key===t){r=o;break}Object.assign(this.json.properties[+r],fj({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=fj(fj({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}])&&hj(e.prototype,n),r&&hj(e,r),i}(ui);function Oj(t){return(Oj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kj(t){return function(t){if(Array.isArray(t))return t}(t)||Pj(t)||jj(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sj(t){return function(t){if(Array.isArray(t))return xj(t)}(t)||Pj(t)||jj(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function jj(t,e){if(t){if("string"==typeof t)return xj(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?xj(t,e):void 0}}function Pj(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function xj(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Rj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $j(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Rj(Object(n),!0).forEach((function(e){Ej(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ej(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _j(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Cj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Tj(t,e,n){return(Tj="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=Vj(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,e){return(Dj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Vj(t);if(e){var o=Vj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ij(this,n)}}function Ij(t,e){return!e||"object"!==Oj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vj(t){return(Vj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Lj=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Dj(t,e)}(i,t);var e,n,r,o=Aj(i);function i(){return _j(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=[],n={};if(t.keyframe){var r=Se(t.keyframe);r.str.split("|").map((function(t){return t.trim()})).forEach((function(t,o){var a=kj(t.split(" ")),c=a[0],u=a[1],s=a[2],l=a.slice(3).join(" ");n[c]||(n[c]=new i({name:c}),e[o]=c);var f=n[c].offsets.filter((function(t){return t.offset.equals(ln.parse(u))})),p=null;f.length?p=f[0]:(p=new wj({offset:ln.parse(u)}),n[c].offsets.push(p)),p.addProperty({key:s,value:Pe(l,r.matches)})}))}return e.map((function(t){return n[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})),n[t]}))}}],(n=[{key:"getDefaultObject",value:function(){return Tj(Vj(i.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=t.name,n=t.selectedType,r=t.offsets;return $j($j({},Tj(Vj(i.prototype),"toCloneObject",this).call(this)),{},{name:e,selectedType:n,offsets:r.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 wj($j({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(Sj(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()}}])&&Cj(e.prototype,n),r&&Cj(e,r),i}(ui);function Mj(t){return(Mj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bj(t){return function(t){if(Array.isArray(t))return zj(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return zj(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return zj(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zj(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Fj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Gj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fj(Object(n),!0).forEach((function(e){Hj(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 Xj(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yj(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nj(t,e,n){return(Nj="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 Kj(t,e){return(Kj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Zj(t);if(e){var o=Zj(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Wj(this,n)}}function Wj(t,e){return!e||"object"!==Mj(e)&&"function"!=typeof e?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){return(Zj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qj(t){return(qj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jj(Object(n),!0).forEach((function(e){tP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function eP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return nP(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nP(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nP(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function rP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function oP(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}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=sP(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,e){return(aP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function cP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=sP(t);if(e){var o=sP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return uP(this,n)}}function uP(t,e){return!e||"object"!==qj(e)&&"function"!=typeof e?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){return(sP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var lP=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&aP(t,e)}(i,t);var e,n,r,o=cP(i);function i(){return rP(this,i),o.apply(this,arguments)}return e=i,(n=[{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=eP(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 iP(sP(i.prototype),"getDefaultObject",this).call(this,Qj({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){var t=this.json,e=t.name,n=t.description,r=t.rootVariable;return Qj(Qj({},iP(sP(i.prototype),"toCloneObject",this).call(this)),{},{name:e,description:n,rootVariable:r})}},{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")}}])&&oP(e.prototype,n),r&&oP(e,r),i}(function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Uj(i);function i(){return Xj(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Nj(Zj(i.prototype),"getDefaultObject",this).call(this,Gj({colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],videos:[],audios:[]},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 Lj(Gj({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(Bj(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=Gj({},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 oj.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 Gj(Gj({},Nj(Zj(i.prototype),"toCloneObject",this).call(this)),{},{colors:N(t.colors),gradients:N(t.gradients),svgfilters:N(t.svgfilters),svgimages:N(t.svgimages),images:N(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]=Gj(Gj({},this.json.colors[t]),e)}},{key:"getColorIndex",value:function(t){return this.json.colors[t]}},{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]=Gj(Gj({},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:"removeVideo",value:function(t){this.removePropertyList(this.json.videos,t)}},{key:"copyVideo",value:function(t){this.copyPropertyList(this.json.videos,t)}},{key:"sortVideo",value:function(t,e){this.sortItem(this.json.videos,t,e)}},{key:"setVideoValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.videos[t]=Gj(Gj({},this.json.videos[t]),e)}},{key:"addVideo",value:function(t){return this.json.videos.push(t),t}},{key:"createVideo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addVideo(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]=Gj(Gj({},this.json.gradients[t]),e)}},{key:"getGradientIndex",value:function(t){return this.json.gradients[t]}},{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]=Gj(Gj({},this.json.svgfilters[t]),e)}},{key:"addSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgfilters.push(t);var e=this.json.svgfilters.length-1;return e}},{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]=Gj(Gj({},this.json.svgimages[t]),e)}},{key:"addSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgimages.push(t);var e=this.json.svgimages.length-1;return e}},{key:"createSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(t)}}])&&Yj(e.prototype,n),r&&Yj(e,r),i}(qo));function fP(t){return(fP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hP(t,e,n){return(hP="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 dP(t,e){return(dP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mP(t);if(e){var o=mP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bP(this,n)}}function bP(t,e){return!e||"object"!==fP(e)&&"function"!=typeof e?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)}ua.registerComponent("project",lP);var gP=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dP(t,e)}(i,t);var e,n,r,o=vP(i);function i(){return pP(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"is",value:function(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return!!n.includes("component")||(t=hP(mP(i.prototype),"is",this)).call.apply(t,[this].concat(n))}},{key:"getProps",value:function(){return[]}}])&&yP(e.prototype,n),r&&yP(e,r),i}(cm);function wP(t){return(wP="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OP(t){return function(t){if(Array.isArray(t))return kP(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return kP(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return kP(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kP(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function SP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?SP(Object(n),!0).forEach((function(e){PP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function PP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 $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=TP(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,e){return(EP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TP(t);if(e){var o=TP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CP(this,n)}}function CP(t,e){return!e||"object"!==wP(e)&&"function"!=typeof e?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){return(TP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("component",gP);var DP=["front","back","left","right","top","bottom"],AP={"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"},IP={position:!0,left:!0,top:!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},VP={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},LP=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EP(t,e)}(i,t);var e,n,r,o=_P(i);function i(){return xP(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.cube}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $P(TP(i.prototype),"getDefaultObject",this).call(this,jP({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:ln.number(1),transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},t))}},{key:"getProps",value:function(){return[{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Background Color"].concat(OP(DP.map((function(t){return{key:"".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:t,params:"".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background Image"],OP(DP.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(AP[e.property]),properties:[jP(jP({},e),{},{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(AP[e.property]),properties:[jP(jP({},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):IP[t.property]?r.push(t):VP[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=$P(TP(i.prototype),"convert",this).call(this,t)).rate=ln.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,e={};return DP.forEach((function(n){e["".concat(n,".color")]=t.json["".concat(n,".color")],e["".concat(n,".background")]=t.json["".concat(n,".background")]})),jP(jP({},$P(TP(i.prototype),"toCloneObject",this).call(this)),{},{rate:this.json.rate.clone()},e)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cube"}},{key:"getIcon",value:function(){return Wb.cube}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),t.visibility=this.json.visible?"visible":"hidden",jP(jP({},t),this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return jP(jP(jP(jP(jP(jP(jP({},this.toVariableCSS()),this.toDefaultCSS()),this.toWebkitCSS()),this.toBoxModelCSS()),this.toAnimationCSS()),this.toTransitionCSS()),this.toLayoutItemCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.rate.value,n=t.width,r=t.height,o=n.value/2,i=r.value/2,a=t["backface-visibility"],c=jP(jP(jP(jP({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity","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(Q(c),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(a,";              \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(a,";          \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=this.toCSS(),c=this.toNestedCSS(),u={},s=c.find((function(t){return"div"===t.selector}))||{cssText:""};return s=s.cssText.replace(/\n/g,""),DP.forEach((function(t){u[t]=c.find((function(e){return e.selector==="."+t}))||{cssText:""},u[t]=u[t].cssText.replace(/\n/g,"")})),n?(delete a.left,delete a.top,"absolute"===a.position&&delete a.position,this.wrapperRootSVG(t,e,o,i,"\n        <foreignObject ".concat(et({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Q(a),'">\n            ').concat(DP.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(et({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Q(a),'">\n              ').concat(DP.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n            </div>   \n          </div>\n        </foreignObject>          \n      ")}},{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(DP.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&RP(e.prototype,n),r&&RP(e,r),i}(gP);function MP(t){return(MP="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||FP(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zP(t){return function(t){if(Array.isArray(t))return GP(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||FP(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function FP(t,e){if(t){if("string"==typeof t)return GP(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?GP(t,e):void 0}}function GP(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function HP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HP(Object(n),!0).forEach((function(e){YP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function NP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function KP(t,e){for(var n=0;n<e.length;n++){var 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,n){return(UP="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=JP(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 WP(t,e){return(WP=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JP(t);if(e){var o=JP(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qP(this,n)}}function qP(t,e){return!e||"object"!==MP(e)&&"function"!=typeof e?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){return(JP=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("cube",LP);var QP={count:!0,rate:!0,face:!0},tx={position:!0,left:!0,top:!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},ex={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},nx=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ZP(i);function i(){return NP(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.cylinder}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return UP(JP(i.prototype),"getDefaultObject",this).call(this,XP({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:ln.number(40),rate:ln.number(1),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:"Count",min:3,max:100,step:1},refresh:!0,defaultValue:t},{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Color"].concat(zP(W(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"],zP(W(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){var n=this;if("rate"===e.property){var r=this.json.width,o=this.json.count.value,i=r.value/2,a=360/o,c=W(o).map((function(t,r){var o=r*a;return{selector:'[data-id="'.concat(n.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[{keyframes:e.keyframes.map((function(t){var e=t.time,n=t.value,r=t.timing;return{time:e,value:"rotateY(".concat(o,"deg) translateZ(").concat(i*n,"px)"),timing:r}})),property:"transform"}]}}));t.push.apply(t,zP(c))}if(e.property.includes(".color")){var u=BP(e.property.split("."),3),s=(u[0],u[1]);u[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[XP(XP({},e),{},{property:"background-color"})]})}if(e.property.includes(".background")){var l=BP(e.property.split("."),3);l[0],s=l[1],l[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[XP(XP({},e),{},{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach((function(t){t.property.includes("face")||QP[t.property]?n.push(t):tx[t.property]?r.push(t):ex[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=UP(JP(i.prototype),"convert",this).call(this,t)).count=ln.parse(t.count),t.rate=ln.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,e={};return W(this.json.count.value).forEach((function(n,r){e["face.".concat(r,".color")]=t.json["face.".concat(r,".color")],e["face.".concat(r,".background")]=t.json["face.".concat(r,".background")]})),XP(XP({},UP(JP(i.prototype),"toCloneObject",this).call(this)),{},{count:this.json.count.clone(),rate:this.json.rate.clone()},e)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cylinder"}},{key:"getIcon",value:function(){return Wb.cylinder}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),XP(XP({},t),this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return XP(XP(XP(XP(XP(XP({},this.toVariableCSS()),this.toDefaultCSS()),this.toWebkitCSS()),this.toBoxModelCSS()),this.toAnimationCSS()),this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.count.value,n=t.width,r=t["backface-visibility"],o=t.rate.value,i=this.cylinderInfo,a=i.angle,c=i.r,u=i.faceWidth,s=XP(XP(XP(XP({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color")),this.toBackgroundImageCSS()),this.toBorderCSS()),this.toClipPathCSS()),l=W(e).map((function(e,n){var r=n*a,i="face.".concat(n,".color"),u="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(c*o,"px);\n          ").concat(t[i]?"background-color: ".concat(t[i],";"):"","\n          ").concat(t[u]?"".concat(t[u],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-u/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(u,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(Q(s),"\n        ").trim()}].concat(zP(l))}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(UP(JP(i.prototype),"updateFunction",this).call(this,t,e),e){var n=+t.attr("data-count");if(n!==this.json.count.value){t.$$(".face").forEach((function(t){return t.remove()}));var r=W(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(bt(i,a,e.x,e.y));var a,c=mt(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=mt(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(W(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=W(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(et({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Q(i),'">\n            ').concat(W(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")}}])&&KP(e.prototype,n),r&&KP(e,r),i}(gP);function rx(t){return function(t){if(Array.isArray(t))return ox(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return ox(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ox(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ox(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}ua.registerComponent("cylinder",nx);var ix={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},ax={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)"},cx=[[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"]],ux=function(t){return rx(lx(ax[t]||t))},sx=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=cx.length;e<n;e++){var r=cx[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(",")," )")},lx=function(t){if("string"==typeof t){if(ix[t])return cx.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},fx=function(t,e,n,r){var o=[t,e,n,r];return function(t){return Sx(o,t)}},px=function(t,e,n){var r=[t,e,n];return function(t){return jx(r,t)}},yx=function(t,e){var n=[t,e];return function(t){return Px(n,t)}},hx=function(t,e,n,r,o){var i=e(n),a=mt(r,o,i.x,i.y);a<t.minDist&&(t.minDist=a,t.minT=n)},dx=function(t,e,n,r,o,i,a,c){for(var u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,s=fx({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 y=p/u,h=s(y);l+=mt(f.x,f.y,h.x,h.y),f=h}return l},vx=function(t,e,n,r,o,i){for(var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=px({x:t,y:e},{x:n,y:r},{x:o,y:i}),u=0,s=c(0),l=0;l<=a;l++){var f=l/a,p=c(f);u+=mt(s.x,s.y,p.x,p.y),s=p}return u},bx=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++)hx(n,t,i/e,r,o);var a=1/(2*e),c=n.minT;for(i=0;i<e;i++)hx(n,t,c-a,r,o),hx(n,t,c+a,r,o),a/=2;return n.minT}},mx=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return bx(fx(t,e,n,r),o)},gx=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return bx(px(t,e,n),r)},wx=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return bx(yx(t,e),n)},Ox=function(t){if("linear"===t)return yx(n={x:0,y:0},r={x:1,y:1});var e=lx(t),n={x:0,y:0},r={x:e[0],y:e[1]},o={x:e[2],y:e[3]};return fx(n,r,o,{x:1,y:1})},kx=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},Sx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e),o=kx(t[2],t[3],e),i=kx(n,r,e),a=kx(r,o,e);return kx(i,a,e)},jx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e);return kx(n,r,e)},Px=function(t,e){return kx(t[0],t[1],e)},xx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e),o=kx(t[2],t[3],e),i=kx(n,r,e),a=kx(r,o,e),c=kx(i,a,e);return{first:[t[0],n,i,c],second:[c,a,o,t[3]]}},Rx=function(t,e){var n=kx(t[0],t[1],e),r=kx(t[1],t[2],e),o=kx(n,r,e);return{first:[t[0],n,o],second:[o,r,t[2]]}},$x=function(t,e){var n=kx(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}};function Ex(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 _x(t,e,n){return function(t,e){return n}}function Cx(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 Tx(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}function Dx(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=ln.parse(n),c=ln.parse(r);return a.unit===c.unit?Ex(t,e,a.value,c.value,a.unit):a.equals(c)?_x(0,0,a):function(n,r){var u=Cx(t,e,a,o,i),s=Cx(t,e,c,o,i);return 0===r?u:1===r?s:Tx(t,e,ln.px(u.value+(s.value-u.value)*n),a.unit,o,i)}}function Ax(t,e){for(var n=0;n<e.length;n++){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 Ix=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":ln.px(0),"border-top-left-radius":ln.px(0),"border-top-right-radius":ln.px(0),"border-bottom-right-radius":ln.px(0),"border-bottom-left-radius":ln.px(0)},n=t.split(" ").filter((function(t){return ln.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)&&Ax(e.prototype,n),r&&Ax(e,r),t}(),Vx=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 Lx(t,e,n,r){for(var o=Vx(Ix.parseStyle(n)),i=Vx(Ix.parseStyle(r)),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++)c[u]=Dx(t,e,o[u],i[u]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}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 Bx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bx(Object(n),!0).forEach((function(e){Fx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Fx(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(Xx="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=Ux(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 Yx(t,e){return(Yx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Nx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ux(t);if(e){var o=Ux(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Kx(this,n)}}function Kx(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 Ux(t){return(Ux=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Wx=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Yx(t,e)}(i,t);var e,n,r,o=Nx(i);function i(){return Gx(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var n=Se(t);return e=n.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),r=e.filter((function(t){return"inset"===t})),o=e.filter((function(t){return t.includes("@")})).map((function(t){return Pe(t,n.matches)})),a=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return i.parse({inset:!!r.length,color:o[0]||"rgba(0, 0, 0, 1)",offsetX:ln.parse(a[0]||"0px"),offsetY:ln.parse(a[1]||"0px"),blurRadius:ln.parse(a[2]||"0px"),spreadRadius:ln.parse(a[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return i.parse(t)})).join(", ")}}],(n=[{key:"getDefaultObject",value:function(){return Xx(Ux(i.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.px(0),spreadRadius:ln.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){var t=this.json;return zx(zx({},Xx(Ux(i.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=Xx(Ux(i.prototype),"convert",this).call(this,t)).offsetX=ln.parse(t.offsetX),t.offsetY=ln.parse(t.offsetY),t.blurRadius=ln.parse(t.blurRadius),t.spreadRadius=ln.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)}}])&&Hx(e.prototype,n),r&&Hx(e,r),i}(ui);function Zx(t,e,n,r){return function(t,e){return 1===e?r:n}}function qx(t,e,n,r){var o=Ye.parse(n||"rgba(0, 0, 0, 1)"),i=Ye.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:_e(o,i,t,"rgb")}}function Jx(t,e,n,r){for(var o=Wx.parseStyle(n),i=Wx.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||Wx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||Wx.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Zx(0,0,l.inset,f.inset),offsetX:Dx(t,e,l.offsetX,f.offsetX),offsetY:Dx(t,e,l.offsetY,f.offsetY),blurRadius:Dx(t,e,l.blurRadius,f.blurRadius),spreadRadius:Dx(t,e,l.spreadRadius,f.spreadRadius),color:qx(0,0,l.color,f.color)})}return function(t,e){return Wx.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 Qx(t,e,n,r){return Zx(0,0,n,r)}var tR=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 eR(){return tR(1,"start")}function nR(){return tR(1,"end")}var rR=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},oR={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 tR(t,e)},"step-start":eR,"step-end":nR,stepStart:eR,stepEnd:nR,"ease-out-elastic":rR,easeOutElastic:rR};function iR(t,e,n){return n.toDeg()}function aR(t,e,n,r){var o=ln.parse(n),i=ln.parse(r);return function(t,e){var n=iR(0,0,o),r=iR(0,0,i);return 0===e?n:1===e?r:ln.deg(n.value+(r.value-n.value)*t).to(o.unit)}}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 uR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uR(Object(n),!0).forEach((function(e){lR(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yR(t,e,n){return(yR="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=bR(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 hR(t,e){return(hR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bR(t);if(e){var o=bR(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vR(this,n)}}function vR(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 bR(t){return(bR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mR,gR=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hR(t,e)}(i,t);var e,n,r,o=dR(i);function i(){return fR(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=Se(t);return e.str.split(",").filter((function(t){return t.trim()})).map((function(t){var n=t.split(" "),r=n.filter((function(t){return t.includes("@")})).map((function(t){return e.matches[+t.replace("@","")].color})),o=n.filter((function(t){return!t.includes("@")}));return i.parse({color:r[0]||"rgba(0, 0, 0, 1)",offsetX:ln.parse(o[0]||"0px"),offsetY:ln.parse(o[1]||"0px"),blurRadius:ln.parse(o[2]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return i.parse(t)})).join(", ")}}],(n=[{key:"getDefaultObject",value:function(){return yR(bR(i.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.px(0),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return sR(sR({},yR(bR(i.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=yR(bR(i.prototype),"convert",this).call(this,t)).offsetX=ln.parse(t.offsetX),t.offsetY=ln.parse(t.offsetY),t.blurRadius=ln.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)}}])&&pR(e.prototype,n),r&&pR(e,r),i}(ui);function wR(t,e,n,r){for(var o=gR.parseStyle(n),i=gR.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||gR.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||gR.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:Dx(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:Dx(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:Dx(t,e,l.blurRadius,f.blurRadius,"radius"),color:qx(0,0,l.color,f.color)})}return function(t,e){return gR.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 OR(t,e,n,r){var o={cut:Zx(0,0,n.cut,r.cut),percent:Ex(t,e,n.percent,r.percent),px:Ex(t,e,n.px,r.px),em:Ex(t,e,n.em,r.em),unit:Qx(0,0,n.unit,r.unit),color:qx(0,0,n.color,r.color)};return function(t,e){return new $u({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 kR(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?OR(t,e,c,u):Zx(0,0,c,u)}return function(t,e){return i.map((function(n){return n(t,e)}))}}function SR(t,e,n,r){var o={angle:Ex(t,e,n.angle,r.angle),colorsteps:kR(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=o.colorsteps(t,e);return new _s({angle:o.angle(t,e),colorsteps:n})}}function jR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}jR(mR={},"center",!0),jR(mR,"top",!0),jR(mR,"left",!0),jR(mR,"right",!0),jR(mR,"bottom",!0);function PR(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 xR(t,e,n,r){n.radialPosition[0]=PR(n.radialPosition[0],"width"),n.radialPosition[1]=PR(n.radialPosition[1],"height"),r.radialPosition[0]=PR(r.radialPosition[0],"width"),r.radialPosition[1]=PR(r.radialPosition[1],"height");var o={radialType:Qx(0,0,n.radialType,r.radialType),radialPositionX:Dx(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Dx(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:kR(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new rl({radialType:o.radialType(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function RR(t,e,n,r){var o={angle:Ex(t,e,n.angle,r.angle),radialPositionX:Dx(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Dx(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:kR(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new Cl({angle:o.angle(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function $R(t,e,n,r){var o={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)o.image=Zx(0,0,n,r);else if(n.type!=r.type)o.image=Zx(0,0,n,r);else switch(n.type){case"linear-gradient":o.image=SR(t,e,n,r);break;case"repeating-linear-gradient":o.image=function(t,e,n,r){var o=SR(t,e,n,r);return function(t,e){var n=o(t,e),r=new zs({angle:n.angle,colorsteps:n.colorsteps});return console.log(r),r}}(t,e,n,r);break;case"radial-gradient":o.image=xR(t,e,n,r);break;case"repeating-radial-gradient":o.image=function(t,e,n,r){var o=xR(t,e,n,r);return function(t,e){var n=o(t,e);return new yl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":o.image=RR(t,e,n,r);break;case"repeating-conic-gradient":o.image=function(t,e,n,r){var o=RR(t,e,n,r);return function(t,e){var n=o(t,e);return new zl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return o.image(t,e)}}function ER(t,e,n,r){for(var o=nf.parseStyle(tt(n)),i=nf.parseStyle(tt(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:_x(0,0,l.image),size:_x(0,0,l.size),width:_x(0,0,l.width),height:_x(0,0,l.height),x:_x(0,0,l.x),y:_x(0,0,l.y),blendMode:_x(0,0,l.blendMode),repeat:_x(0,0,l.repeat)}):!l&&f?c.push({image:_x(0,0,f.image),size:_x(0,0,f.size),width:_x(0,0,f.width),height:_x(0,0,f.height),x:_x(0,0,f.x),y:_x(0,0,f.y),blendMode:_x(0,0,f.blendMode),repeat:_x(0,0,f.repeat)}):l&&f&&c.push({image:$R(t,e,l.image,f.image),size:Qx(0,0,l.size,f.size),width:Dx(t,e,l.width,f.width,"width","self"),height:Dx(t,e,l.height,f.height,"height","self"),x:Dx(t,e,l.x,f.x,"width","self"),y:Dx(t,e,l.y,f.y,"height","self"),blendMode:Qx(0,0,l.blendMode,f.blendMode),repeat:Qx(0,0,l.repeat,f.repeat)})}return function(t,e){return nf.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 _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 CR(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return TR(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return TR(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function TR(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function DR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function AR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DR(Object(n),!0).forEach((function(e){IR(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IR(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MR(t,e,n){return e&&LR(t.prototype,e),n&&LR(t,n),t}function BR(t,e,n){return(BR="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=XR(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 zR(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function FR(t,e){return(FR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XR(t);if(e){var o=XR(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HR(this,n)}}function HR(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 XR(t){return(XR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YR=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,NR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return BR(XR(n.prototype),"getDefaultObject",this).call(this,AR({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=o$[t.type];return e?new e(t):new UR({value:t.type})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Se(t);return(r.str.match(YR)||[]).forEach((function(t,o){var i=CR(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("@")}));e[o]=n.parse({type:a,offsetX:ln.parse(l[0]),offsetY:ln.parse(l[1]),blurRadius:ln.parse(l[2]),color:s[0]||"rgba(0, 0, 0, 1)"})}else e[o]=n.parse({type:a,value:ln.parse(c)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(ui),KR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return AR(AR({},BR(XR(n.prototype),"toCloneObject",this).call(this)),{},{value:ln.parse(this.json.value)})}}]),n}(NR);KR.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:ln.px(0)};var UR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return AR(AR({},BR(XR(n.prototype),"toCloneObject",this).call(this)),{},{value:ln.parse(this.json.value)})}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(NR);UR.spec={inputType:"select",defaultValue:""};var WR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return AR(AR({},BR(XR(n.prototype),"toCloneObject",this).call(this)),{},{value:ln.parse(this.json.value)})}}]),n}(NR);WR.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(0)};var ZR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(NR);ZR.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:ln.deg(0)};var qR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(NR);qR.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(0)};var JR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(NR);JR.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var QR=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(NR);QR.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var t$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(NR);t$.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var e$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(NR);e$.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(100)};var n$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(NR);n$.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:ln.percent(0)};var r$=function(t){zR(n,t);var e=GR(n);function n(){return VR(this,n),e.apply(this,arguments)}return MR(n,[{key:"getDefaultObject",value:function(){return BR(XR(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.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,")")}}]),n}(NR);r$.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:ln.px(0),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:ln.px(0),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:ln.px(0),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var o$={blur:KR,grayscale:WR,"hue-rotate":ZR,invert:qR,brightness:JR,contrast:QR,opacity:t$,saturate:e$,sepia:n$,"drop-shadow":r$,svg:UR},i$={BlurFilter:KR,GrayscaleFilter:WR,HueRotateFilter:ZR,InvertFilter:qR,BrightnessFilter:JR,ContrastFilter:QR,OpacityFilter:t$,SaturateFilter:e$,SepiaFilter:n$,DropshadowFilter:r$,URLSvgFilter:UR};function a$(t,e,n,r){var o={type:Qx(0,0,n.type,r.type),value:Zx(0,0,n.value,r.value)};switch(n.type){case"blur":o.value=Dx(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=Ex(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":o.offsetX=Dx(t,e,n.offsetX,r.offsetX,"width","self"),o.offsetY=Dx(t,e,n.offsetY,r.offsetY,"height","self"),o.blurRadius=Dx(t,e,n.blurRadius,r.blurRadius,"width","self"),o.spreadRadius=Dx(t,e,n.spreadRadius,r.spreadRadius,"width","self"),o.color=qx(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 c$(t,e,n,r){for(var o=NR.parseStyle(n),i=NR.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(_x(0,0,l)):!l&&f?c.push(_x(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Zx(0,0,l,f)):c.push(a$(t,e,l,f))}return function(t,e){return NR.join(c.map((function(n){return n(t,e)})))}}function u$(t,e,n,r){var o=$b.parseStyle(n),i=$b.parseStyle(r),a={type:Zx(0,0,o.type,o.type),value:Zx(0,0,n,r)};if(o.type==i.type&&"none"!=o)switch(o.type){case"circle":o.value=$b.parseStyleForCircle(o.value),i.value=$b.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=Zx(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=Dx(t,e,n.radius,r.radius,"width","self"),o.x=Dx(t,e,n.x,r.x,"width","self"),o.y=Dx(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=$b.parseStyleForEllipse(o.value),i.value=$b.parseStyleForEllipse(i.value),a.value=function(t,e,n,r){var o={radiusX:Dx(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:Dx(t,e,n.radiusY,r.radiusY,"height","self"),x:Dx(t,e,n.x,r.x,"width","self"),y:Dx(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=$b.parseStyleForInset(o.value),i.value=$b.parseStyleForInset(i.value),a.value=function(t,e,n,r){var o={top:Ex(t,e,n.top.value,r.top.value,n.top.unit),left:Ex(t,e,n.left.value,r.left.value,n.left.unit),right:Ex(t,e,n.right.value,r.right.value,n.right.unit),bottom:Ex(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Zx(0,0,n.round,r.round),topRadius:Ex(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Ex(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Ex(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Ex(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(" "),y=[u,f,l,s].join(" ");return"".concat(p," ").concat(c&&y.trim()?"round ".concat(y):"")}}(t,e,o.value,i.value);break;case"polygon":o.value=$b.parseStyleForPolygon(o.value),i.value=$b.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:_x(0,0,c.x),y:_x(0,0,c.y)}):!c&&u?i.push({x:_x(0,0,u.x),y:_x(0,0,u.y)}):i.push({x:Dx(t,e,c.x,u.x,"width","self"),y:Dx(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=$b.parseStyleForPath(o.value),i.value=$b.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 s$(t,e,n,r){for(var o={type:Zx(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(Dx(t,e,u,s,n.type)):i.push(Dx(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 l$(t,e,n,r){for(var o={type:Zx(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(Ex(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(Ex(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 ln.number(t)}))),{type:r,value:n}}}function f$(t,e,n,r){for(var o={type:Zx(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(aR(0,0,u,s)):i.push(aR(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 p$(t,e,n,r){for(var o=Pi.parseStyle(n.trim()),i=Pi.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(_x(0,0,s));else if(!s&&l)c.push(_x(0,0,l));else if(s.type!=l.type)c.push(Zx(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(s$(t,e,s,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(f$(0,0,s,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(l$(t,e,s,l))}}return function(t,e){return Pi.join(c.map((function(n){return n(t,e)})))}}function y$(t,e,n,r){for(var o=n.split(" ").map((function(t){return ln.parse(t)})),i=r.split(" ").map((function(t){return ln.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Dx(t,e,s,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function h$(t,e,n,r){for(var o=n.split(" ").map((function(t){return ln.parse(t)})),i=r.split(" ").map((function(t){return ln.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Dx(t,e,s,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function d$(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(Ex(t,e,s,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function v$(t){return(v$="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return m$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g$(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 O$(t,e){return(O$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function k$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=j$(t);if(e){var o=j$(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return S$(this,n)}}function S$(t,e){return!e||"object"!==v$(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j$(t){return(j$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var P$=/[\b\t \,]/g,x$=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=k$(i);function i(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return g$(this,i),o.call(this,t)}return e=i,(n=[{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;B(t)&&(t=t.join(" "));for(var e=t.trim().split(P$).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 Qa,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=b$(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 i(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}])&&w$(e.prototype,n),r&&w$(e,r),i}(Ya);function R$(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(Ex(t,e,s,c)):!s&&l?i.push(Ex(t,e,a,l)):i.push(Ex(t,e,s,l))}return function(t,e){return i.map((function(n){return n(t,e)}))}}function $$(t,e,n,r){for(var o=new Ya,i=new Ya(n),a=new Ya(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:_x(0,0,l.command),values:R$(t,e,l.values,f.values)}):u.push({command:_x(0,0,l.command),values:_x(0,0,l.values)}):u.push({command:Zx(0,0,l.command,f.command),values:Zx(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 E$(t,e,n,r){for(var o=new x$,i=new x$(n),a=new x$(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,y=0;y<c;y++){var h=i.segments[y],d=a.segments[y];h&&!d?u.push({x:Ex(t,e,h.x,f),y:Ex(t,e,h.y,p)}):!h&&d?u.push({x:Ex(t,e,s,d.x),y:Ex(t,e,l,d.y)}):u.push({x:Ex(t,e,h.x,d.x),y:Ex(t,e,h.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 _$(t,e,n,r){var o={x:Ex("","",t,n),y:Ex("","",e,r)};return function(t,e){return{x:o.x(t,e),y:o.y(t,e)}}}function C$(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 jx(a,e)}}function T$(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 Sx(u,e)}}function D$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return A$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return A$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function I$(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var o=D$(t.values,2),i=o[0],a=o[1];n=[i,a];break;case"m":var c=D$(n,2),u=c[0],s=c[1],l=D$(t.values,2);i=l[0],a=l[1];n=[i+=u,a+=s];break;case"L":var f=D$(n,2),p=(u=f[0],s=f[1],D$(t.values,2));i=p[0],a=p[1];e.push({command:t.command,values:[u,s,i,a],length:mt(u,s,i,a),interpolate:_$(u,s,i,a)}),n=[i,a];break;case"l":var y=D$(n,2),h=(u=y[0],s=y[1],D$(t.values,2));i=h[0],a=h[1];i+=u,a+=s,e.push({command:t.command,values:[u,s,i,a],length:mt(u,s,i,a),interpolate:_$(u,s,i,a)}),n=[i,a];break;case"C":var d=D$(n,2),v=(u=d[0],s=d[1],D$(t.values,6)),b=v[0],m=v[1],g=v[2],w=v[3];i=v[4],a=v[5];e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:dx(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break;case"c":var O=D$(n,2),k=(u=O[0],s=O[1],D$(t.values,6));b=k[0],m=k[1],g=k[2],w=k[3],i=k[4],a=k[5];b+=u,g+=u,i+=u,m+=s,w+=s,a+=s,e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:dx(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break;case"Q":var S=D$(n,2),j=(u=S[0],s=S[1],D$(t.values,4));b=j[0],m=j[1],i=j[2],a=j[3];e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,i,a)}),n=[i,a];break;case"q":var P=D$(n,2),x=(u=P[0],s=P[1],D$(t.values,4));b=x[0],m=x[1],i=x[2],a=x[3];b+=u,i+=u,m+=s,a+=s,e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,i,a)}),n=[i,a];break;case"S":var R=D$(n,2),$=(u=R[0],s=R[1],D$(t.values,4)),E=(g=$[0],w=$[1],i=$[2],a=$[3],e[e.length-1]);if(["C","c","S","s"].includes(E.command)){var _=D$(E.values,8),C=(_[0],_[1],_[2],_[3],_[4]),T=_[5],D=_[6],A=_[7],I=Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T});b=I.x,m=I.y;e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:getCubicDist(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break}case"s":var V=D$(n,2),L=(u=V[0],s=V[1],D$(t.values,4));g=L[0],w=L[1],i=L[2],a=L[3];g+=u,i+=u,w+=s,a+=s;E=e[e.length-1];if(["C","c","S","s"].includes(E.command)){var M=D$(E.values,8),B=(M[0],M[1],M[2],M[3],C=M[4],T=M[5],D=M[6],A=M[7],Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T}));b=B.x,m=B.y;e.push({command:t.command,values:[u,s,b,m,g,w,i,a],length:getCubicDist(u,s,b,m,g,w,i,a),interpolate:T$(u,s,b,m,g,w,i,a)}),n=[i,a];break}case"T":var z=D$(n,2),F=(u=z[0],s=z[1],D$(t.values,2));i=F[0],a=F[1],E=e[e.length-1];if(["Q","q","T","t"].includes(E.command)){var G=D$(E.values,6),H=(G[0],G[1],C=G[2],T=G[3],D=G[4],A=G[5],Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T}));b=H.x,m=H.y;e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,i,a)}),n=[i,a]}break;case"t":var X=D$(n,2),Y=(u=X[0],s=X[1],D$(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=D$(E.values,6),K=(N[0],N[1],C=N[2],T=N[3],D=N[4],A=N[5],Ia.getReversePoint({x:D,y:A},{x:C,preC1y:T}));b=K.x,m=K.y;e.push({command:t.command,values:[u,s,b,m,i,a],length:vx(u,s,b,m,i,a),interpolate:C$(u,s,b,m,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 V$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function L$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?V$(Object(n),!0).forEach((function(e){M$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):V$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function M$(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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return z$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return z$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function F$(t,e,n,r,o){var i=B$(n.split(",").map((function(t){return t.trim()})),4),a=i[0],c=i[1],u=i[2],s=i[3],l={id:a,distance:ln.parse(c||"0%"),rotateStatus:u||"auto",rotate:ln.parse(s||"0deg")},f=function(t,e){return{x:x,y:y}},p=0,h=0;if(o){var d=o.searchById(l.id);d&&(p=d.screenX.value,h=d.screenY.value),f=function(t,e,n){var r=I$(new Ya(d.d||"").segments),o=r.totalLength,i=r.interpolateList,a=l.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 s=(e-c.startT)/(c.endT-c.startT),f=n(s);return L$(L$({},c.interpolate(f,s,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var o=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return ln.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"===l.rotateStatus);else{var s=c,y=0;n<1&&(y=1/c.totalLength);var d=f(e+y,n+y,r),v=gt(d.x-s.x,d.y-s.y),b=ln.deg(function(t,e){var n=0;switch(t){case"angle":n=l.rotate.value;break;case"auto angle":n=e+l.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(l.rotateStatus,v));t.reset({transform:Pi.rotate(t.transform,b)})}return u}}function G$(t,e,n,r){var o=r.length-1,i=0;return function(t,e){return 0===e?"":1===e?r:r.substring(i,Math.floor((o-i)*e))}}function H$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return X$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return X$(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Y$(t,e,n,r,o,i){var a=i.$("video").el,c=H$(n.split(":"),3),u=c[0],s=(c[1],+(u||0)*+(c[2]||1));return function(e,n){0===n?(a.currentTime=s,a.paused&&a.play()):1===n?(t.reset({currentTime:a.currentTime}),a.pause()):a.paused&&a.play()}}function N$(t){return function(t){if(Array.isArray(t))return W$(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||U$(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K$(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||U$(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U$(t,e){if(t){if("string"==typeof t)return W$(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?W$(t,e):void 0}}function W$(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var Z$=function(){return function(t,e){}};function q$(t,e,n,r,o,i,a){var c=o||e;switch(c){case"width":case"x":return Dx(t,e,n,r,"width");case"height":case"y":return Dx(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 Dx(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Ex(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return qx(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return Qx(0,0,n,r);case"rotate":return aR(0,0,n,r)}var u=function(t){switch(t){case"border-radius":return Lx;case"border":return makeInterpolateBorder;case"box-shadow":return Jx;case"text-shadow":return wR;case"background-image":case"BackgroundImageEditor":return ER;case"filter":case"backdrop-filter":return c$;case"clip-path":return u$;case"transform":return p$;case"transform-origin":return y$;case"perspective-origin":return h$;case"stroke-dasharray":return d$;case"d":return $$;case"points":return E$;case"offset-path":return F$;case"text":return G$;case"playTime":return Y$}}(c);return u?u(t,e,n,r,i,a):Z$}function J$(t,e,n,r,o,i,a){return q$(t,e,n,r,o,i,a)}function Q$(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=K$(e,2),r=n[0],o=n[1];o=(o||"").split(")")[0].trim();var i=oR[r];if(i){var a=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return i.apply(void 0,N$(a))}return tE(t)}function tE(t){var e=Ox(t);return function(t){return e(t).y}}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 nE(t){return function(t){if(Array.isArray(t))return rE(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return rE(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rE(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rE(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function oE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oE(Object(n),!0).forEach((function(e){aE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function cE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sE(t,e,n){return(sE="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=yE(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 lE(t,e){return(lE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yE(t);if(e){var o=yE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pE(this,n)}}function pE(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 yE(t){return(yE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hE(t){return(hE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dE(Object(n),!0).forEach((function(e){bE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function mE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wE(t,e,n){return(wE="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=jE(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 OE(t,e){return(OE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jE(t);if(e){var o=jE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SE(this,n)}}function SE(t,e){return!e||"object"!==hE(e)&&"function"!=typeof e?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)}var PE=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=kE(i);function i(){return mE(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return wE(jE(i.prototype),"getDefaultObject",this).call(this,vE({itemType:"artboard",name:"New ArtBoard",width:ln.px(1e3),height:ln.px(1e3),"background-color":"white"},t))}},{key:"isLeaf",value:function(){return!1}},{key:"toCloneObject",value:function(){return vE(vE({},wE(jE(i.prototype),"toCloneObject",this).call(this)),{},{name:this.json.name})}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Wb.artboard}},{key:"toDefaultCSS",value:function(){return vE({},wE(jE(i.prototype),"toDefaultCSS",this).call(this))}}])&&gE(e.prototype,n),r&&gE(e,r),i}(function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=fE(i);function i(){return cE(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return sE(yE(i.prototype),"getDefaultObject",this).call(this,iE({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&sE(yE(i.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){M(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,o=this.getTimelineProperty(t,e),i=this.searchById(t),a="".concat(t,".").concat(e);if(1!==o.keyframes.length){var c=dn.body().$('[data-id="'.concat(t,'"]')),u=o.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[a]=o.keyframes.map((function(t,e){var a=t,s=o.keyframes[e+1];t.editor=u,s||(s={time:t.time,value:t.value+""});var l={layer:i,layerElement:c,property:o.property,isOnlyTime:a.time===s.time,startTime:t.time,endTime:s.time,startValue:t.value,endValue:s.value,timing:t.timing,interpolateFunction:J$(i,o.property,t.value,s.value,t.editor,r,c),timingFunction:Q$(t.timing)};return l.func=n.makeTimingFunction(l),l})).filter((function(t){return t}))}else this.json.compiledTimeline[a]=[]}},{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,n,t.timingFunction)}}},{key:"stop",value:function(t){var e=this.getSelectedTimeline();if(e){var n=e.currentTime;this.searchTimelineOffset(n).forEach((function(t){if("playTime"===t.property){var e=t.layerElement.$("video");e&&e.el.pause()}}))}}},{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){M(t)&&this.setTimelineCurrentTime(t);var r=n.currentTime;this.searchTimelineOffset(r).filter(e).forEach((function(t){"offset-path"===t.property||"playTime"===t.property?t.func(r):t.layer&&t.layer.reset(aE({},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,nE(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){Uc(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){Uc(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=Pt(),r=iE(iE({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();if(r||(r=this.addTimeline(e,n)),r.selected=!0,t){var o=r.animations.filter((function(e){return e.id===t}));o[0]||r.animations.push({id:t,properties:[]})}}},{key:"getTimelineLayerInfo",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=Kc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Uc(t,0),totalTimecode:Uc(t,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{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=Wc(n,o=+o)),i>r&&(i=r);var a=Kc(n,i);e.currentTime=a,e.currentTimecode=Uc(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(Uc(o,i))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=Wc(e.fps,n)),Kc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Kc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Kc(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&&(M(i)&&(a.time=i),M(r)&&(a.value=r),M(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=L(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:Pt(),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",s="";a.length&&(a.sort((function(t,e){return t.time>e.time?-1:1})),c=a[0].value+"",u=a[0].timing+"",s=a[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:u,editor:s})}}},{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=Uc(t,e.currentTime),e.totalTimecode=Uc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return iE(iE({},sE(yE(i.prototype),"toCloneObject",this).call(this)),{},{timeline:N(this.json.timeline)})}}])&&uE(e.prototype,n),r&&uE(e,r),i}(Xb));function xE(t){return(xE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $E(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RE(Object(n),!0).forEach((function(e){EE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function EE(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 TE(t,e,n){return(TE="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=VE(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 DE(t,e){return(DE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function AE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=VE(t);if(e){var o=VE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return IE(this,n)}}function IE(t,e){return!e||"object"!==xE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function VE(t){return(VE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("artboard",PE);var LE=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DE(t,e)}(i,t);var e,n,r,o=AE(i);function i(){return _E(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.image}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return TE(VE(i.prototype),"getDefaultObject",this).call(this,$E({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"getIcon",value:function(){return Wb.image}},{key:"toCloneObject",value:function(){return $E($E({},TE(VE(i.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;e&&t.$("img").attr("src",n),TE(VE(i.prototype),"updateFunction",this).call(this,t,e)}},{key:"toNestedCSS",value:function(){return this.json,$E($E($E($E({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity")),this.toClipPathCSS()),this.toBackgroundImageCSS()),this.toBorderCSS()),[{selector:"img",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=this.toCSS();return n?(delete c.left,delete c.top,"absolute"===c.position&&delete c.position,this.wrapperRootSVG(t,e,o,i,'\n        <img style="'.concat(Q(c),'" src="').concat(a,' "/>\n      '))):"\n        ".concat(this.toDefString,'      \n        <img style="').concat(Q(c),'" src="').concat(a,' "/>\n      ')}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <img src='").concat(r,"' />\n      </div>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&CE(e.prototype,n),r&&CE(e,r),i}(cm);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 BE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(FE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XE(t);if(e){var o=XE(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HE(this,n)}}function HE(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 XE(t){return(XE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("image",LE);var YE=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FE(t,e)}(i,t);var e,n,r,o=GE(i);function i(){return BE(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}])&&zE(e.prototype,n),r&&zE(e,r),i}(Fu);function NE(t){return(NE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||WE(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function UE(t){return function(t){if(Array.isArray(t))return ZE(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||WE(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function WE(t,e){if(t){if("string"==typeof t)return ZE(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ZE(t,e):void 0}}function ZE(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function qE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function JE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qE(Object(n),!0).forEach((function(e){QE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function QE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function t_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(n_="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=a_(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 r_(t,e){return(r_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function o_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=a_(t);if(e){var o=a_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return i_(this,n)}}function i_(t,e){return!e||"object"!==NE(e)&&"function"!=typeof e?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)}var c_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=o_(i);function i(){return t_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new LinearGradient({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Se(t),n={},r=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,o){if(t.includes("@"))t=Pe(t,e.matches),r.push.apply(r,UE($u.parse(t)));else{var i=KE(t.split(" "),5),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4];n.x1=ln.parse(a),n.y1=ln.parse(c),n.x2=ln.parse(u),n.y2=ln.parse(s),n.spreadMethod=l||"pad"}})),new i(JE(JE({},n),{},{colorsteps:r}))}}],(n=[{key:"getDefaultObject",value:function(t){return n_(a_(i.prototype),"getDefaultObject",this).call(this,JE({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return JE(JE({},n_(a_(i.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(et({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,")")}}])&&e_(e.prototype,n),r&&e_(e,r),i}(YE);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,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||f_(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l_(t){return function(t){if(Array.isArray(t))return p_(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||f_(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f_(t,e){if(t){if("string"==typeof t)return p_(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p_(t,e):void 0}}function p_(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function y_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function h_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?y_(Object(n),!0).forEach((function(e){d_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):y_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function d_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function v_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 m_(t,e,n){return(m_="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=k_(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,e){return(g_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function w_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=k_(t);if(e){var o=k_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return O_(this,n)}}function O_(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 k_(t){return(k_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var S_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&g_(t,e)}(i,t);var e,n,r,o=w_(i);function i(){return v_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=Se(t),n={},r=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,o){if(t.includes("@"))t=Pe(t,e.matches),r.push.apply(r,l_($u.parse(t)));else{var i=s_(t.split(" "),7),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4],f=i[5],p=i[6];n.cx=a,n.cy=c,n.r=u,n.fx=s,n.fy=l,n.fr=f,n.spreadMethod=p||"pad"}})),new i(h_(h_({},n),{},{colorsteps:r}))}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return m_(k_(i.prototype),"getDefaultObject",this).call(this,h_({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,e=t.cx,n=t.cy,r=t.r,o=t.fx,a=t.fy,c=t.fr,u=t.spreadMethod;return h_(h_({},m_(k_(i.prototype),"toCloneObject",this).call(this)),{},{cx:e,cy:n,r:r,fx:o,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(et({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,")")}}])&&b_(e.prototype,n),r&&b_(e,r),i}(YE);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 P_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function x_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P_(Object(n),!0).forEach((function(e){R_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function R_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 __(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=A_(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 C_(t,e){return(C_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function T_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=A_(t);if(e){var o=A_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return D_(this,n)}}function D_(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 A_(t){return(A_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var I_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=T_(i);function i(){return $_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new i({colorsteps:[new $u({color:t,percent:0,index:0}),new $u({color:t,percent:100,index:0})]})}}],(n=[{key:"getDefaultObject",value:function(){return __(A_(i.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new $u({color:"red",percent:0,index:0}),new $u({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return x_(x_({},__(A_(i.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}}])&&E_(e.prototype,n),r&&E_(e,r),i}(YE);function V_(t){return(V_="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return M_(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return M_(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function M_(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function B_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?B_(Object(n),!0).forEach((function(e){F_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):B_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function F_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function G_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function H_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function X_(t,e,n){return(X_="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 Y_(t,e){return(Y_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function N_(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=U_(t);if(e){var o=U_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return K_(this,n)}}function K_(t,e){return!e||"object"!==V_(e)&&"function"!=typeof e?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)}var W_=["jpg","jpeg","png","gif","svg"];var Z_=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y_(t,e)}(i,t);var e,n,r,o=N_(i);function i(){return G_(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){var e=L_(t.split("(")[1].split(")")[0].trim().split("#"),2),n=e[0],r=e[1];if(!r)return new i({url:n});var o=L_(r.split(","),7);return new i({patternUnits:o[0],patternWidth:o[1],patternHeight:o[2],imageX:o[3],imageY:o[4],imageWidth:o[5],imageHeight:o[6],url:n})}},{key:"isImageFile",value:function(t){return W_.includes(t)}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return X_(U_(i.prototype),"getDefaultObject",this).call(this,z_({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return z_(z_({},X_(U_(i.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=this.json,e=t.patternUnits,n=t.patternWidth,r=t.patternHeight,o=t.imageX,i=t.imageY,a=t.imageWidth,c=t.imageHeight,u=t.url,s=[e,n,r,o,i,a,c].join(",").trim();return"url(".concat(u,"#").concat(s,")")}},{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(et({id:t,patternUnits:n,width:r,height:o}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(et({x:i,y:a,width:c,height:u,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&H_(e.prototype,n),r&&H_(e,r),i}(du);function q_(t){return(q_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Q_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?J_(Object(n),!0).forEach((function(e){tC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):J_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nC(t,e){for(var n=0;n<e.length;n++){var 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(rC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function oC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=aC(t);if(e){var o=aC(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return iC(this,n)}}function iC(t,e){return!e||"object"!==q_(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aC(t){return(aC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var cC=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,uC=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=oC(i);function i(){return eC(this,i),o.apply(this,arguments)}return e=i,r=[{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 c_(Q_(Q_({},r),{},{colorsteps:n}));case"radial-gradient":return new S_(Q_(Q_({},r),{},{colorsteps:n}));default:return new I_(Q_(Q_({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new i(t)}},{key:"parseImage",value:function(t){var e=Se(t),n=null,r=e.str.match(cC);return r?(r.forEach((function(t,r){t=Pe(t,e.matches),n=t.includes("linear")?c_.parse(t):t.includes("radial")?S_.parse(t):t.includes("url")?Z_.parse(t):I_.parse(t)})),n):I_.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new c_(t);case"radial-gradient":return new S_(t);case"image-resource":case"url":return new Z_(t);default:return new I_(t)}}}],(n=[{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:i.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:i.createGradient(t,this.json.image)})}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}}])&&nC(e.prototype,n),r&&nC(e,r),i}(ui);function sC(t){return(sC="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lC(Object(n),!0).forEach((function(e){pC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function yC(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dC(t,e,n){return(dC="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=gC(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 vC(t,e){return(vC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gC(t);if(e){var o=gC(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mC(this,n)}}function mC(t,e){return!e||"object"!==sC(e)&&"function"!=typeof e?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)}var wC=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=bC(i);function i(){return yC(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return dC(gC(i.prototype),"getDefaultObject",this).call(this,fC({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 fC(fC({},dC(gC(i.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 fC(fC({},dC(gC(i.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 fC(fC({},this.toDefaultSVGCSS()),this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"toLayoutCSS",value:function(){return{}}},{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(dn.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 uC.parseImage(this.json.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return uC.parseImage(this.json.stroke||"black").toSVGString(this.strokeId)}},{key:"toFillValue",get:function(){return uC.parseImage(this.json.fill||"transparent").toFillValue(this.fillId)}},{key:"toFillOpacityValue",get:function(){return Ye.parse(this.json.fill||"transparent").a}},{key:"toStrokeValue",get:function(){return uC.parseImage(this.json.stroke||"black").toFillValue(this.strokeId)}},{key:"toFilterValue",get:function(){return this.json.svgfilter?"url(#".concat(this.json.svgfilter,")"):""}}])&&hC(e.prototype,n),r&&hC(e,r),i}(cm);function OC(t){return function(t){if(Array.isArray(t))return kC(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return kC(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return kC(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kC(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var jC=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=OC(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=OC(t.dataTransfer.files)),[].concat(OC(e),OC(n))}}],(n=null)&&SC(e.prototype,n),r&&SC(e,r),t}(),PC=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],xC=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],RC=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),$C={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},EC={d:!0},_C={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},CC=function(t){return $C[t]||!1},TC=function(t){return EC[t]||!1},DC=function(t){return _C[t]||!1};function AC(t){return(AC="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IC(Object(n),!0).forEach((function(e){LC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function MC(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(zC="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=XC(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 FC(t,e){return(FC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XC(t);if(e){var o=XC(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HC(this,n)}}function HC(t,e){return!e||"object"!==AC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XC(t){return(XC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YC=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FC(t,e)}(i,t);var e,n,r,o=GC(i);function i(){return MC(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zC(XC(i.prototype),"getDefaultObject",this).call(this,VC({itemType:"svg-path",name:"New Path","stroke-width":5,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 Ya(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.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=zC(XC(i.prototype),"convert",this).call(this,t)).d&&(t.path=new Ya(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return VC(VC({},zC(XC(i.prototype),"toCloneObject",this).call(this)),{},{totalLength:t.totalLength,d:t.d,segments:N(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return CC(t.property)&&TC(t.property)})),n=t.filter((function(t){return DC(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path");r.attr("d",this.json.d),e&&(r.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),n&&(this.json.totalLength=r.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(et(VC(VC({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute()),{},{style:Q(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(nt(e),"'  ").concat(et({"motion-based":this.json["motion-based"],xmlns:"http://www.w3.org/2000/svg"}),'  data-id="').concat(t,'" >\n    ').concat(this.toDefString,"\n    <path ").concat(et({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)}}])&&BC(e.prototype,n),r&&BC(e,r),i}(wC);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){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return UC(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return UC(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function UC(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function WC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ZC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?WC(Object(n),!0).forEach((function(e){qC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):WC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function JC(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function QC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tT(t,e,n){return(tT="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=oT(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 eT(t,e){return(eT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function nT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=oT(t);if(e){var o=oT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return rT(this,n)}}function rT(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 oT(t){return(oT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svg-path",YC);var iT=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,aT=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eT(t,e)}(i,t);var e,n,r,o=nT(i);function i(){return JC(this,i),o.apply(this,arguments)}return e=i,r=[{key:"toCSS",value:function(t){return new ClipPath(t).toCSS()}},{key:"toString",value:function(t){return ClipPath.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new ClipPath(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(iT)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=KC(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 ln("","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 L(a)&&(a=i),{radius:e,x:i=ln.parse(i),y:a=ln.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=t.split("at").map((function(t){return t.trim()})),o=KC(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=KC(i,2),c=a[0],u=a[1];L(u)&&(u=c),c=ln.parse(c),u=ln.parse(u);var s=e.split(" "),l=KC(s,2),f=l[0],p=l[1];return L(p)&&(p=f),{radiusX:f=ln.parse(f),radiusY:p=ln.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=KC(e,2),r=n[0],o=n[1],i=yb.parse(r),a=KC(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=yb.parse(o),y=KC(p,5),h=y[0],d=y[1],v=y[2],b=y[3],m=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:m}}},{key:"parseStyleForPolygon",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=KC(t.trim().split(" "),2),n=e[0],r=e[1];return{x:ln.parse(n),y:ln.parse(r)}}))}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return tT(oT(i.prototype),"getDefaultObject",this).call(this,ZC({itemType:"shape",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return ZC(ZC({},tT(oT(i.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()}}}])&&QC(e.prototype,n),r&&QC(e,r),i}(ui);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 uT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uT(Object(n),!0).forEach((function(e){lT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lT(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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yT(t,e,n){return(yT="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=bT(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 hT(t,e){return(hT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bT(t);if(e){var o=bT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vT(this,n)}}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 bT(t){return(bT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mT=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hT(t,e)}(i,t);var e,n,r,o=dT(i);function i(){return fT(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return yT(bT(i.prototype),"getDefaultObject",this).call(this,sT({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":ln.number(100),textLength:ln.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"toShapeInsideCSS",value:function(){var t=this.json["shape-inside"];switch(aT.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.shapeInsideId,")")}return{"shape-inside":t,"inline-size":this.json.width}}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new Ya(t.d),t.segments&&this.json.path.resetSegment(t.segments)}},{key:"setCache",value:function(){this.rect=this.clone()}},{key:"convert",value:function(t){return(t=yT(bT(i.prototype),"convert",this).call(this,t)).textLength=ln.parse(t.textLength),t}},{key:"toCloneObject",value:function(){var t=this.json;return sT(sT({},yT(bT(i.prototype),"toCloneObject",this).call(this)),{},{totalLength:t.totalLength,text:t.text,textLength:"".concat(t.textLength),lengthAdjust:t.lengthAdjust,"shape-inside":t["shape-inside"]})}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return CC(t.property)})),n=t.filter((function(t){return DC(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:e}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.$("text");n.text(this.json.text),n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue,y:this.json["font-size"]||"13px",textLength:this.json.textLength,lengthAdjust:this.json.lengthAdjust}),this.updateDefString(t)}}},{key:"toNestedCSS",value:function(){return[{selector:"> text",css:sT({},this.toShapeInsideCSS())}]}},{key:"toSVGCSS",value:function(){return sT(sT({},yT(bT(i.prototype),"toSVGCSS",this).call(this)),this.toShapeInsideCSS())}},{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;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">    \n      ').concat(this.toDefString,"\n      <text ").concat(et(sT(sT({class:"svg-text-item"},this.toSVGAttribute()),{},{textLength:r,lengthAdjust:o,y:this.json["font-size"]||"13px",style:Q(this.toSVGCSS())}))," >").concat(this.json.text,"</text>\n    </g>")}},{key:"toShapeInside",get:function(){var t=aT.parseStyle(this.json["shape-inside"]),e=t.value;switch(t.type){case"path":return'<path d="'.concat(e,'" id="').concat(this.shapeInsideId,'" />')}return""}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n        ").concat(this.toShapeInside,"\n    ")}},{key:"shapeInsideId",get:function(){return this.getInnerId("shape-inside")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.textLength,r=t.lengthAdjust;return"\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString,"\n      <text ").concat(et({class:"svg-text-item",textLength:n,lengthAdjust:r,y:this.json["font-size"]||"13px"})," >").concat(this.json.text,"</text>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&pT(e.prototype,n),r&&pT(e,r),i}(wC);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 wT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wT(Object(n),!0).forEach((function(e){kT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ST(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(PT="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=ET(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 xT(t,e){return(xT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function RT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ET(t);if(e){var o=ET(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $T(this,n)}}function $T(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 ET(t){return(ET=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svgtext",mT);var _T=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xT(t,e)}(i,t);var e,n,r,o=RT(i);function i(){return ST(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return PT(ET(i.prototype),"getDefaultObject",this).call(this,OT({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:ln.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:ln.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 Ya(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=PT(ET(i.prototype),"convert",this).call(this,t)).path=new Ya(t.d),t.textLength=ln.parse(t.textLength),t.startOffset=ln.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){var t=this.json;return OT(OT({},PT(ET(i.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 CC(t.property)})),n=t.filter((function(t){return TC(t.property)})),r=t.filter((function(t){return DC(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(et(OT(OT({class:"svg-textpath-item"},this.toSVGAttribute()),{},{style:Q(this.toSVGCSS())}))," >\n        <textPath ").concat(et({"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(et({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(et({class:"svg-textpath-item"})," >\n        <textPath ").concat(et({"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)}}])&&jT(e.prototype,n),r&&jT(e,r),i}(wC);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 TT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?TT(Object(n),!0).forEach((function(e){AT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):TT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function IT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LT(t,e,n){return(LT="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=FT(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 MT(t,e){return(MT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function BT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=FT(t);if(e){var o=FT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return zT(this,n)}}function zT(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 FT(t){return(FT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svg-textpath",_T);var GT=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=BT(i);function i(){return IT(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return LT(FT(i.prototype),"getDefaultObject",this).call(this,DT({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 DT(DT({},LT(FT(i.prototype),"toCloneObject",this).call(this)),{},{content:this.json.content})}},{key:"updateFunction",value:function(t){var e=this.json.content;t.updateDiff(e)}},{key:"toCSS",value:function(){var t=LT(FT(i.prototype),"toCSS",this).call(this);return t.margin=t.margin||"0px",t}},{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,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(et({width:r.value,height:o.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <p style="').concat(Q(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)}}])&&VT(e.prototype,n),r&&VT(e,r),i}(cm);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?XT(Object(n),!0).forEach((function(e){NT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function KT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 WT(t,e,n){return(WT="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=QT(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 ZT(t,e){return(ZT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=QT(t);if(e){var o=QT(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return JT(this,n)}}function JT(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 QT(t){return(QT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("text",GT);var tD=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ZT(t,e)}(i,t);var e,n,r,o=qT(i);function i(){return KT(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return WT(QT(i.prototype),"getDefaultObject",this).call(this,YT({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}])&&UT(e.prototype,n),r&&UT(e,r),i}(cm);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nD(Object(n),!0).forEach((function(e){oD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function oD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function iD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 cD(t,e,n){return(cD="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=fD(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 uD(t,e){return(uD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fD(t);if(e){var o=fD(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lD(this,n)}}function lD(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 fD(t){return(fD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("rect",tD);var pD=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uD(t,e)}(i,t);var e,n,r,o=sD(i);function i(){return iD(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return cD(fD(i.prototype),"getDefaultObject",this).call(this,rD({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}])&&aD(e.prototype,n),r&&aD(e,r),i}(cm);function yD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yD(Object(n),!0).forEach((function(e){dD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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){var e=Q$("linear"),n=I$(t.segments),r=n.totalLength,o=n.interpolateList;return{totalLength:r,xy:function(t){t>1&&(t-=1);var n=o[0];if(0===t)n=o[0];else if(1===t)n=o[o.length-1];else{var r=o.find((function(e){return e.startT<=t&&t<e.endT}));r&&(n=r)}var i=(t-n.startT)/(n.endT-n.startT),a=e(i);return hD(hD({},n.interpolate(a,i,e)),{},{newT:i,t:t,totalLength:n.totalLength})}}}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 mD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mD(Object(n),!0).forEach((function(e){wD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function OD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kD(t,e){for(var n=0;n<e.length;n++){var 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,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=RD(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 jD(t,e){return(jD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function PD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=RD(t);if(e){var o=RD(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xD(this,n)}}function xD(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 RD(t){return(RD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("circle",pD);var $D=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jD(t,e)}(i,t);var e,n,r,o=PD(i);function i(){return OD(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return Wb.brush}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return SD(RD(i.prototype),"getDefaultObject",this).call(this,gD({itemType:"svg-brush",name:"New Brush",d:"",segments:[],totalLength:0,distance: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 Ya(t.d),t.segments&&this.json.path.resetSegment(t.segments),t.rect&&(this.json.width=ln.px(t.rect.width),this.json.height=ln.px(t.rect.height),this.setScreenX(ln.px(t.rect.x)),this.setScreenY(ln.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=SD(RD(i.prototype),"convert",this).call(this,t)).d&&(t.path=new Ya(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return gD(gD({},SD(RD(i.prototype),"toCloneObject",this).call(this)),{},{totalLength:t.totalLength,d:t.d,segments:N(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Brush"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return CC(t.property)&&TC(t.property)})),n=t.filter((function(t){return DC(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path.svg-brush-item");if(r.attr("d",this.json.d),e){this.updateDefString(t);var o=t.$(".svg-brush-items");o.attr("filter",this.toFilterValue),o.attr("fill",this.toFillValue),o.attr("fill-opacity",this.toFillOpacityValue),o.updateSVGDiff(this.makeBrushItem(this.json["stroke-width"]))}n&&(this.json.totalLength=r.totalLength)}},{key:"makeBrushShape",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return"\n      <circle ".concat(et({cx:t,cy:e,r:n,transform:"rotate(".concat(360*Math.random(),", ").concat(t,", ").concat(e,")")}),"></circle>\n    ")}},{key:"makeBrushItem",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.makeBrushItemRate().map((function(n){return t.makeBrushShape(n.x,n.y,e*n.scale,n.t)})).join("")}},{key:"makeBrushItemRate",value:function(){var t=this.json,e=t.d,n=t.totalLength,r=t.distance;return function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=vD(t),o=r.totalLength,i=r.xy,a=o/e,c=n/o,u=a/o+c,s=[],l=1,f=0;f<e;f++){var p=f*u;if(p>l)break;s.push(i(p))}return s}(new Ya(e),n,r).map((function(t){var e=t.t>.5?1-t.t:t.t;return gD(gD({},t),{},{scale:e/.4*1.3})}))}},{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(et(gD(gD({class:"svg-brush-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute()),{},{style:Q(this.toSVGCSS())}))," />\n    </g>\n  ")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(SD(RD(i.prototype),"toDefInnerString",this),"\n    ")}},{key:"brushId",get:function(){return this.getInnerId("brush")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.d,r=this.makeBrushItem(this.json["stroke-width"]);return"\n  <svg class='element-item brush' data-id=\"".concat(e,'" >\n    ').concat(this.toDefString,"\n    <path class='svg-brush-item' d=\"").concat(n,'" fill="transparent" stroke="transparent" stroke-width="3" style=\'pointer-events: stroke;\' />\n    <g class=\'svg-brush-items\' style=\'pointer-events:none;\' \n        filter="').concat(this.toFilterValue,'" \n        fill="').concat(this.toFillValue,"\" \n        stroke='transparent'\n        fill-opacity=\"").concat(this.toFillOpacityValue,'"\n      >\n      ').concat(r,"\n    </g>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&kD(e.prototype,n),r&&kD(e,r),i}(wC);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 _D(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function CD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_D(Object(n),!0).forEach((function(e){TD(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_D(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function DD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 ID(t,e,n){return(ID="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=BD(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 VD(t,e){return(VD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function LD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=BD(t);if(e){var o=BD(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return MD(this,n)}}function MD(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 BD(t){return(BD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}ua.registerComponent("svg-brush",$D);var zD=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=LD(i);function i(){return DD(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getIcon",value:function(){return Wb.video}}],(n=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ID(BD(i.prototype),"getDefaultObject",this).call(this,CD({itemType:"video",name:"New Video",elementType:"video",src:"",srcType:"video/mp4",controls:!1,preload:"auto",poster:"",autoplay:!1,buffered:!1,crossorigin:"anonymous",loop:!1,muted:!1,played:!1,currentTime:0,playbackRate:1,playTime:"0:1:1"},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Video"}},{key:"getIcon",value:function(){return Wb.video}},{key:"toCloneObject",value:function(){return CD(CD({},ID(BD(i.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:"updateDiff",value:function(t,e){t.el[e]!=this.json[e]&&(t.el[e]=this.json[e])}},{key:"updateFunction",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=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a=this.json;if(a.src,a.currentTime,a.playbackRate,e){var c=t.$("video");c&&(o||(this.updateDiff(c,"currentTime"),this.updateDiff(c,"playbackRate"),this.updateDiff(c,"volume")))}ID(BD(i.prototype),"updateFunction",this).call(this,t,e,n,r)}},{key:"toNestedCSS",value:function(){return[{selector:"video",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=r.srcType,u=this.toCSS();return n?(delete u.left,delete u.top,"absolute"===u.position&&delete u.position,this.wrapperRootSVG(t,e,o,i,'\n        <video controls width="250" style="'.concat(Q(u),'" >\n          <source src="').concat(a,'"\n                  type="').concat(c,"\">\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      "))):"\n        ".concat(this.toDefString,'      \n        <video src="').concat(a,'" controls width="250" style="').concat(Q(u),"\" >\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      ")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src,o=t.controls,i=t.muted,a=t.poster,c=t.loop,u=t.crossorigin,s=t.autoplay;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <video ").concat(et({controls:o,src:r,muted:i,poster:a,loop:c,crossorigin:u,autoplay:s}),">\n          Sorry, your browser doesn't support embedded videos.\n        </video>\n      </div>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&AD(e.prototype,n),r&&AD(e,r),i}(cm);ua.registerComponent("video",zD);var FD,GD,HD,XD,YD,ND,KD={Project:lP,ArtBoard:PE,Layer:cm,RectLayer:tD,CircleLayer:pD,ImageLayer:LE,TextLayer:GT,VideoLayer:zD,SVGPathItem:YC,SVGBrushItem:$D,SVGTextItem:mT,SVGTextPathItem:_T,Component:gP,CubeLayer:LP,CylinderLayer:nx};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 WD(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ZD=WD({},"move",!0),qD=(WD(FD={},"to right",!0),WD(FD,"to top right",!0),WD(FD,"to bottom right",!0),FD),JD=(WD(GD={},"to left",!0),WD(GD,"to top left",!0),WD(GD,"to bottom left",!0),GD),QD=(WD(HD={},"to top",!0),WD(HD,"to top right",!0),WD(HD,"to top left",!0),HD),tA=(WD(XD={},"to bottom",!0),WD(XD,"to bottom left",!0),WD(XD,"to bottom right",!0),XD),eA=(WD(YD={},"to right",2),WD(YD,"to top right",2),WD(YD,"to bottom right",2),WD(YD,"to left",0),WD(YD,"to top left",0),WD(YD,"to bottom left",0),YD),nA=(WD(ND={},"to bottom",2),WD(ND,"to bottom left",2),WD(ND,"to bottom right",2),WD(ND,"to top",0),WD(ND,"to top left",0),WD(ND,"to top right",0),ND),rA=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 ZD[t]}},{key:"isTop",value:function(t){return QD[t]}},{key:"isRight",value:function(t){return qD[t]}},{key:"isBottom",value:function(t){return tA[t]}},{key:"isLeft",value:function(t){return JD[t]}},{key:"getXDirection",value:function(t){return eA[t]}},{key:"getYDirection",value:function(t){return nA[t]}}],(n=null)&&UD(e.prototype,n),r&&UD(e,r),t}();function oA(t){return function(t){if(Array.isArray(t))return iA(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return iA(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return iA(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function iA(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}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)}}var cA=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return ln.px(t).round(e)},uA=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}var e,n,r;return e=t,(n=[{key:"makeGuideCache",value:function(){var t=this,e=this.$selection.currentArtboard;return this.cachedExtraItems=[],e&&(this.$selection.isArtBoard()?this.cachedExtraItems=[]:this.cachedExtraItems=e.allLayers.filter((function(e){return!t.$selection.check(e)||e.is("artboard")&&t.$selection.currentArtboard!=e})),this.rect=this.$selection.allRect?this.$selection.allRect.clone():null),this.cachedPosition={},this.$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=this.$selection.allRect;this.pointerType=t,"move"===t?this.rect.move(cA(r.x.value+e),cA(r.y.value+n)):(rA.isRight(t)?this.rect.resizeWidth(cA(r.width.value+e)):rA.isLeft(t)&&r.width.value-e>=0&&(this.rect.moveX(cA(r.x.value+e)),this.rect.resizeWidth(cA(r.width.value-e))),rA.isBottom(t)?this.rect.resizeHeight(cA(r.height.value+n)):rA.isTop(t)&&r.height.value-n>=0&&(this.rect.moveY(cA(r.y.value+n)),this.rect.resizeHeight(cA(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,y=f*r,h=l-s,d=h*i,v=h*a;this.setX(t,c,u,p,y),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=this.$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=this.$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]:2,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:o,bx:o})}))})),i.length){var a=rA.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]:2,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:o,by:o})}))})),i.length){var a=rA.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]:2,r=this.compareX(t,e,n),o=this.compareY(t,e,n);return{x:r,y:o}}},{key:"getLayers",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.cachedExtraItems,r=[],o=[];return n.forEach((function(n){var i=t.compare(t.rect,n,e);r.push.apply(r,oA(i.x)),o.push.apply(o,oA(i.y))})),[r[0],o[0]].filter((function(t){return M(t)}))}},{key:"calculate",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.getLayers(e);return rA.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(M(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(M(t.ax)){var e=Math.round(this.rect.width.value/2*t.source),n=t.bx-e;this.rect.x.set(n)}else if(M(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;rA.isMove(this.pointerType)?this.$selection.each((function(e){t.$selection.isInParent(e,t.$selection.items)||(t.recover(e),e.recover())})):this.$selection.each((function(e){t.recover(e),e.recover()}))}},{key:"$selection",get:function(){return this.$editor.selection}}])&&aA(e.prototype,n),r&&aA(e,r),t}();function sA(t){return(sA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lA(t,e,n){return(lA="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=wA(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 fA(t){return function(t){if(Array.isArray(t))return pA(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return pA(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pA(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pA(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function yA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dA(t,e,n){return e&&hA(t.prototype,e),n&&hA(t,n),t}function vA(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bA(t,e)}function bA(t,e){return(bA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mA(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wA(t);if(e){var o=wA(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gA(this,n)}}function gA(t,e){return!e||"object"!==sA(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wA(t){return(wA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OA={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"},kA={artboard:"artboard",rect:"rect",circle:"lens",text:"title",image:"image","svg-path":"edit","svg-textpath":"text_rotate","svg-text":"title"},SA=function(t){vA(n,t);var e=mA(n);function n(){return yA(this,n),e.apply(this,arguments)}return dA(n,[{key:"initialize",value:function(){lA(wA(n.prototype),"initialize",this).call(this),this.guideView=new uA(this.$editor)}},{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' ref='$selectionMove' title='move'>\n                <span class='icon' ref='$selectionIcon'>".concat(Wb.flag,"</span>\n                <span ref='$selectionTitle'></span>\n            </div>       \n            <div class='selection-tool-item' data-position='to top'></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 right'></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    </div>")}},{key:jn('$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:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:Gn("$selectionView .selection-tool-item")+Zn("checkEditMode")+or()+ir(),value:function(t){var e;this.initMoveType(t.$dt),(e=this.parent).selectCurrent.apply(e,fA(this.$selection.items)),this.$selection.setRectCache("move"!==this.pointerType),this.initSelectionTool()}},{key:"initMoveType",value:function(t){this.$target=t||this.refs.$selectionTool.$('.selection-tool-item[data-position="move"]'),this.$target&&(this.pointerType=this.$target.attr("data-position"),this.refs.$selectionTool.attr("data-selected-position",this.pointerType),this.refs.$selectionTool.attr("data-selected-movetype",OA[this.pointerType]))}},{key:"move",value:function(t,e){this.$config.get("bodyEvent").altKey&&(e=t),this.refreshSelectionToolView(t,e),this.parent.updateRealPosition(),this.emit("refreshSelectionDragStyleView",null,!0)}},{key:Do("moveByKey"),value:function(t,e){var n;if(0!==t||0!==e){this.pointerType="move",this.$selection.move(t,e),(n=this.parent).selectCurrent.apply(n,fA(this.$selection.items)),this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.guideView.move(this.pointerType,t,e);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r)),this.makeSelectionTool()}}},{key:"end",value:function(){this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.$selection.setRectCache(),this.emit("refreshAllElementBoundSize"),this.emit("removeGuideLine")}},{key:"refreshSelectionToolView",value:function(t,e,n){if(0===t&&0===e);else{this.guideView.move(n||this.pointerType,t/this.$editor.scale,e/this.$editor.scale);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r))}this.makeSelectionTool()}},{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:"removeOriginalRect",value:function(){this.originalArtboardRect=null,this.originalRect=null}},{key:"initSelectionTool",value:function(){this.removeOriginalRect(),this.guideView.makeGuideCache();var t=this.$selection.current;if(t){var e=t.is("svg-path","svg-brush","svg-textpath");this.refs.$selectionTool.toggleClass("path",e)}this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$el.show(),this.bindData("$selectionTool"),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.guideView.recoverAll();var t=ln.px(0),e=ln.px(0),n=ln.px(0),r=ln.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}t.is(0)&&e.is(0)&&n.is(0)&&r.is(0)?(t.add(-1e4),e.add(-1e4)):this.$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.refreshPositionText(t,e,n,r)}},{key:"refreshPositionText",value:function(t,e,n,r){if(this.$selection.currentArtboard){var o=ln.px(t.value-this.$selection.currentArtboard.x.value/this.$editor.scale).round(1),i=ln.px(e.value-this.$selection.currentArtboard.y.value/this.$editor.scale).round(1),a=ln.px(n.value/this.$editor.scale).round(1),c=ln.px(r.value/this.$editor.scale).round(1),u="";switch(this.pointerType){case"move":u="X: ".concat(o,", Y: ").concat(i);break;case"to top":case"to bottom":u="Y: ".concat(i,", H: ").concat(c);break;case"to left":case"to right":u="X: ".concat(o,", W: ").concat(a);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);var s=this.$selection.length,l="";if(1===s){var f=this.$selection.current;l=f.title||f.getDefaultTitle();var p=Wb[kA[f.itemType]||kA.rect];this.refs.$selectionIcon.html(p)}else s>=2&&(l="multi : ".concat(s),this.refs.$selectionIcon.html(Wb.flag));this.refs.$selectionTitle.text(l),this.refs.$selectionMove.attr("title",l)}}},{key:"setPositionText",value:function(t){this.$target&&(this.$selection.current&&this.$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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map((function(e){var n,r,o,i,a=new Ji(t.calculateWorldPosition(e.A)),c=new Ji(t.calculateWorldPosition(e.B));return M(e.ax)&&(n=e.ax*t.$editor.scale),M(e.bx)&&(r=e.bx*t.$editor.scale),M(e.ay)&&(o=e.ay*t.$editor.scale),M(e.by)&&(i=e.by*t.$editor.scale),{A:a,B:c,ax:n,bx:r,ay:o,by:i}}))}},{key:"calculateWorldPosition",value:function(t){return{x:ln.px(t.screenX.value*this.$editor.scale),y:ln.px(t.screenY.value*this.$editor.scale),width:ln.px(t.width.value*this.$editor.scale),height:ln.px(t.height.value*this.$editor.scale),transform:t.transform}}}]),n}(function(t){vA(n,t);var e=mA(n);function n(){return yA(this,n),e.apply(this,arguments)}return dA(n,[{key:pr("$selectionTool"),value:function(){var t=this.$selection.current;return{"data-is-layout-item":t&&t.isLayoutItem(),"data-is-layout-container":t&&t.hasLayout(),"data-layout-container":t&&(t.layout||t.parent.layout),"data-selection-length":this.$selection.length}}}]),n}(function(t){vA(n,t);var e=mA(n);function n(){return yA(this,n),e.apply(this,arguments)}return dA(n,[{key:Do("hideSelectionToolView"),value:function(){this.refs.$selectionTool.css({left:"-10000px",top:"-10000px"})}},{key:Do("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:Do("openPathEditor"),value:function(){var t=this.$selection.current;t&&t.is("svg-path","svg-brush","svg-textpath")&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{changeEvent:"updatePathItem",current:t,d:t.d,box:"box",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}))}},{key:Do("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Do("updatePathItem"),value:function(t){var e,n=this.$selection.current;n&&(n.updatePathItem&&(n.updatePathItem(t),(e=this.parent).selectCurrent.apply(e,fA(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",n,!0,!0)))}},{key:Do("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:Do("makeSelectionTool"),value:function(t){t&&this.removeOriginalRect();var e=this.guideView.calculate();this.makeSelectionTool(),0===this.$selection.length&&(e=[]),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(e))}}]),n}(Ao)));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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RA(t,e){return(RA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $A(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_A(t);if(e){var o=_A(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EA(this,n)}}function EA(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)}var CA=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>")},TA=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"base-line";return"<line ".concat(et({x1:t,y1:e,x2:n,y2:r})," class='").concat(o,"' />")},DA=function(t,e){(function(t,e){return t.includes(e)})(t,e)||t.push(e)},AA=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),DA(t,TA(e-2,n,e+2,n)),DA(t,TA(e,n,e,r)),DA(t,TA(e-2,r,e+2,r));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));DA(t,CA(e+2,o,i))}},IA=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),DA(t,TA(n,e-2,n,e+2)),DA(t,TA(n,e,r,e)),DA(t,TA(r,e-2,r,e+2));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));DA(t,CA(o,e-2,i,"text-center"))}},VA=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$A(i);function i(){return PA(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return'<svg class=\'guide-line-view\' width="100%" height="100%" ></svg>'}},{key:"initState",value:function(){return{list:[]}}},{key:pr("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(t){var e=[];return(t=t.filter((function(t,e){return 0===e}))).forEach((function(t){var n=t.B;if(M(t.ax)){var r=ln.min(n.screenY,t.A.screenY),o=ln.max(n.screenY2,t.A.screenY2),i=t.bx;if(t.A.screenY.value>t.B.screenY2.value?AA(e,i,t.B.screenY2.value,t.A.screenY.value):AA(e,i,r.value,t.A.screenY.value),t.A.screenX.value-n.screenX.value>0&&t.A.screenY.value<=n.screenY2.value&&t.A.screenY.value>=n.screenY.value){var a=(t.A.screenY.value+t.A.screenY2.value)/2;IA(e,a,n.screenX.value,t.A.screenX.value)}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,IA(e,a,t.A.screenX2.value,n.screenX2.value)),t.A.screenY2.value<t.B.screenY.value?AA(e,i,t.A.screenY2.value,t.B.screenY.value):AA(e,i,t.A.screenY2.value,o.value)}else{var c=ln.max(n.screenX2,t.A.screenX2),u=t.by;if(t.A.screenX.value>t.B.screenX2.value?IA(e,u,t.B.screenX2.value,t.A.screenX.value):IA(e,u,t.A.screenX.value,t.B.screenX.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;AA(e,s,t.B.screenY.value,t.A.screenY.value)}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,AA(e,s,t.A.screenY2.value,t.B.screenY2.value)),t.A.screenX2.value<t.B.screenX.value?IA(e,u,t.A.screenX2.value,t.B.screenX.value):IA(e,u,t.A.screenX2.value,c.value)}})),e.join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){this.setState({list:t})}},{key:Do("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:Do("refreshGuideLine"),value:function(t){this.setGuideLine(t)}}])&&xA(e.prototype,n),r&&xA(e,r),i}(Ao);function LA(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function MA(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LA(Object(n),!0).forEach((function(e){BA(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LA(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function BA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function zA(t,e){for(var n=0;n<e.length;n++){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 FA=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(MA(MA({},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(MA(MA({},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                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(t.selected,'\'\n                    title="Center"\n                    data-start="true" \n                />'):"\n                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='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("")}}])&&zA(e.prototype,n),r&&zA(e,r),t}();function GA(t){return function(t){if(Array.isArray(t))return YA(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||XA(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function HA(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||XA(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function XA(t,e){if(t){if("string"==typeof t)return YA(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?YA(t,e):void 0}}function YA(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function NA(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KA(t,e,n){return e&&NA(t.prototype,e),n&&NA(t,n),t}function UA(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WA(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UA(Object(n),!0).forEach((function(e){ZA(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UA(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var qA=["startPoint","endPoint","reversePoint"];function JA(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 QA(t,e,n,r){var o=[],i=qA;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 tI(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=i,u=t[c];if(u){if("M"===u.command)o.push({command:"M",values:[u.startPoint]});else{var s=Ia.getPrevPoint(t,i);!1===u.curve?!1===s.curve?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[s.endPoint,u.startPoint]}):!1===s.curve?Ia.isEqual(u.reversePoint,u.startPoint)?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[u.reversePoint,u.startPoint]}):o.push({command:"C",values:[s.endPoint,u.reversePoint,u.startPoint]})}u.close&&o.push({command:"Z"})}}var l=o.map((function(t){return eI(e,n,t,r)})).join(" ");return{d:l}}function eI(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)}}var nI=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 Qa,this.guideLineManager=new Qa,this.segmentManager=new FA,this.initialize(),this.initializeSelect()}return KA(t,null,[{key:"generatorPathString",value:function(t,e,n,r){return tI(t,e,n,r).d}}]),KA(t,[{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=HA(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=lt.matrix2d.translate(-this.transformRect.x,-this.transformRect.y),i=lt.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,i=r.y,a=r.width,c=r.height,u=a/2,s=c/2;switch(t){case"flipX":this.applyTransform(lt.matrix2d.translate(-e,0),lt.matrix2d.flipX());break;case"flipY":this.applyTransform(lt.matrix2d.translate(0,-n),lt.matrix2d.flipY());break;case"flip":this.applyTransform(lt.matrix2d.translate(-e,-n),lt.matrix2d.flip());break;case"to move":this.applyTransform(lt.matrix2d.translate(e,n));break;case"to rotate":var l=Ot({x:o+u,y:i},{x:o+u,y:i+s},{dx:e,dy:n});this.applyTransform(lt.matrix2d.translate(-u,-s),lt.matrix2d.rotate(pt(-l)),lt.matrix2d.translate(u,s));break;case"to skewX":l=wt({x:u,y:s},{x:u+e,y:s});this.applyTransform(lt.matrix2d.skewX(pt(l)));break;case"to skewY":l=wt({x:u,y:s},{x:u,y:s+n});this.applyTransform(lt.matrix2d.skewY(pt(l)));break;case"to bottom right":var f=yt(a+e,a),p=yt(c+n,c);this.applyTransform(lt.matrix2d.scale(f,p));break;case"to right":f=yt(a+e,a);this.applyTransform(lt.matrix2d.scale(f,1));break;case"to bottom":p=yt(c+n,c);this.applyTransform(lt.matrix2d.scale(1,p));break;case"to top right":f=yt(a+e,a),p=yt(c-n,c);this.applyTransform(lt.matrix2d.scale(f,p),lt.matrix2d.translate(0,n));break;case"to top left":f=yt(a-e,a),p=yt(c-n,c);this.applyTransform(lt.matrix2d.scale(f,p),lt.matrix2d.translate(e,n));break;case"to left":f=yt(a-e,a);this.applyTransform(lt.matrix2d.scale(f,1),lt.matrix2d.translate(e,0));break;case"to top":p=yt(c-n,c);this.applyTransform(lt.matrix2d.scale(1,p),lt.matrix2d.translate(0,n));break;case"to bottom left":f=yt(a-e,a),p=yt(c+n,c);this.applyTransform(lt.matrix2d.scale(f,p),lt.matrix2d.translate(e,0))}}},{key:"initTransform",value:function(t){this.transformRect=N(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:N(t.startPoint),endPoint:N(t.endPoint),reversePoint:N(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=Ia.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=Ia.getPrevPoint(r,t),n.connectedPoint&&!n.connectedPoint.connected&&(n.connectedPoint=null),n.segment=Ia.getIndexPoint(r,t),n.segment.connected&&(n.connectedPoint=Ia.getNextPoint(r,t)),Ia.isFirst(n.segment)){var o=Ia.getLastPoint(r,t);o.connected&&(n.connectedPoint=o)}n.segmentKey=e,n.isCurveSegment=n.segment.curve&&"startPoint"!=n.segmentKey,n.originalSegment=N(n.segment),n.connectedPoint&&(n.originalConnectedPoint=N(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=N(n.startPoint),n.endPoint=N(n.startPoint),"M"===n.command){var r=Ia.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=N(r.startPoint),r.endPoint=N(r.startPoint))}else{if((o=Ia.getNextPoint(e,t))&&"M"===o.command)(a=o).curve=!1,a.reversePoint=N(a.startPoint),a.endPoint=N(a.startPoint)}else{n.curve=!0;var o,i=Ia.getPrevPoint(e,t);if((o=Ia.getNextPoint(e,t))&&o.index<t&&"M"===o.command){var a=o;o=Ia.getNextPoint(e,a.index),this.calculateToCurve(n,o,i),a.curve=!0,a.endPoint=N(n.endPoint),a.reversePoint=N(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=Ia.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=Ia.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]=Ia.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=bt(kt(c-o,u-i),mt(l,f,o,i),o,i),y=p.x,h=p.y;n.segment[e]={x:y,y:h}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var i=r.state,a=i.cachedPoints,c=i.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var u=c.x+e,s=c.y+n,l=JA(a,"x",u,e,o),f=l.point,p=(e=l.distanceValue,JA(a,"y",s,n,o)),y=p.point,h=(n=p.distanceValue,{x:c.x+e,y:c.y+n}),d=[];return f&&d.push({startPoint:f,endPoint:h}),y&&d.push({startPoint:y,endPoint:h}),{dx:e,dy:n,snapPointList:d}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=N(t.startPoint),e.endPoint=N(t.endPoint),e.reversePoint=N(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:"removeSelectedSegment",value:function(){var t=this;this.selectedPointList.forEach((function(e){t.state.points[e.index][e.key].removed=!0}));var e=Ia.splitPoints(this.state.points),n=Ia.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=N(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=N(t.startPoint)),Ia.isEqual(t.endPoint,t.startPoint,t.reversePoint)&&(t.command="L",t.curve=!1),t}))})));this.state.points=n,this.select()}},{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]=Ia.getReversePoint(r.segment.startPoint,r.segment[i])}else n.altKey?(this.moveSegment(i,t,e),this.rotateSegment(i)):this.moveSegment(i,t,e);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=Ia.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=Ia.getPoint(r,e),i=Ia.getPoint(r,n),a=[WA(WA({},o),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},WA(WA({},i),{},{reversePoint:t.second[2]})],c=Ia.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=Ia.getPoint(n,e),o=r.startPoint.x+(r.endPoint.x-r.startPoint.x)/3,i=r.startPoint.y+(r.endPoint.y-r.startPoint.y)/3,a=[WA(WA({},r),{},{endPoint:{x:o,y:i}}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Ia.getIndex(n,e);n.splice.apply(n,[c,1].concat(a)),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=Ia.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 tI(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=kt(r-n,i-o)-180,s=bt(0,20,a,c),l=s.x,f=s.y,p=bt(u/2,20,a,c),y=p.x,h=p.y,d=bt(u,20,a,c);this.segmentManager.addDistanceAngle(d,20,20,u,{x:l,y:f},{x:l-20,y:f}).addText({x:y-5,y:h+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),!1===Ia.isEqual(e.startPoint,e.endPoint)&&this.segmentManager.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)),!1===Ia.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):!1===t.curve?Ia.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)),!1===Ia.isEqual(e.startPoint,e.reversePoint)&&o.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),!1===Ia.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ia.isEqual(e.startPoint,e.reversePoint)&&o.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)),!1===Ia.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ia.isEqual(e.startPoint,e.reversePoint)&&o.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?Ia.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 Qa).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Qa).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Ia.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new Qa).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Qa).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new Qa).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=Ia.getNextPoint(t,n),a=Ia.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=QA(t,"x",e.x,n),o=QA(t,"y",e.y,n),i=WA({},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,GA(u)),t.moveXY=s,r=s,this.snapPointList=i;var l=e[e.length-1];if(o)if(l){if(l.curve){var f=Ia.getReversePoint(n,r);h=f.x,d=f.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:h,y:d},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:h,y:d}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:h,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var p=Ia.getReversePoint(n,r);h=p.x,d=p.y;this.guideLineManager.M(l.startPoint).Q({x:h,y:d},n),this.segmentManager.addGuideLine(r,{x:h,y:d}).addPoint(!1,n).addCurvePoint({x:h,y:d}).addCurvePoint(r)}}else{var y=Ia.getReversePoint(n,r),h=y.x,d=y.y;this.guideLineManager.M(r).L(n).L({x:h,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:h,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 Qa;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(et({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",this.state.isPolygon),"\n            ").concat(this.pathStringManager.toString("object",this.state.isPolygon),"\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 GA(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),t}();function rI(t){return(rI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function oI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oI(Object(n),!0).forEach((function(e){aI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function cI(t,e,n){return(cI="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 uI(t){return function(t){if(Array.isArray(t))return gI(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||mI(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function lI(t,e){for(var n=0;n<e.length;n++){var 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,n){return e&&lI(t.prototype,e),n&&lI(t,n),t}function pI(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function yI(t,e){return(yI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vI(t);if(e){var o=vI(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dI(this,n)}}function dI(t,e){return!e||"object"!==rI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vI(t){return(vI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bI(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||mI(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mI(t,e){if(t){if("string"==typeof t)return gI(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?gI(t,e):void 0}}function gI(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function wI(t){var e=bI(t,2);return{x:e[0],y:e[1]}}var OI=["fill","fill-opacity","stroke","stroke-width"],kI=function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:"initialize",value:function(){cI(vI(n.prototype),"initialize",this).call(this),this.pathParser=new Ya,this.pathGenerator=new nI(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],hasTransform:!1,mode:"path",$target:null,clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:ln.px(0),screenY:ln.px(0),screenWidth:ln.px(0),screenHeight:ln.px(0)}}},{key:"template",value:function(){return"\n        <div class='path-editor-view' tabIndex=\"-1\">\n            <div class='path-container' ref='$view'></div>\n            <div class='path-container split-panel'>\n                <svg width=\"100%\" height=\"100%\">\n                    <circle ref='$splitCircle' class='split-circle' />\n                </svg>\n            </div>\n            <div class='path-tool'>\n                <div class='transform-manager' ref='$tool'>\n                    <div class='transform-tool-item' data-position='to rotate'></div>                \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:pr("$tool"),value:function(){this.resetTransformZone();var t=this.state.transformZoneRect;return{"data-show":"transform"===this.state.mode,"data-position":this.transformMoveType,style:{left:ln.px(t.x),top:ln.px(t.y),width:ln.px(t.width),height:ln.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:$n("document")+Zn("isShow")+Qn+Jn+ar+cr,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.pathGenerator.toPath(t.x,t.y,this.scale).d,o=this.$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 YC({width:ln.px(c),height:ln.px(u),d:r,totalLength:this.totalPathLength})),OI.forEach((function(t){n.state[t]&&e.reset(aI({},t,n.state[t]))})),e.setScreenX(i),e.setScreenY(a)}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 Ya(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&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t,e){this.setState(iI({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:Do("changePathManager"),value:function(t){this.setState(iI(iI({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:Do("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:Do("showPathEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"path",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}),this.emit("hidePathDrawEditor"),this.emit("change.mode.view","PathEditorView")}},{key:Do("hidePathEditor"),value:function(){this.$el.isShow()&&(this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hidePathManager"),this.emit("change.mode.view"))}},{key:pr("$view"),value:function(){return{class:{path:"path"===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:pr("$splitCircle"),value:function(){return this.state.splitXY?{cx:this.state.splitXY.x,cy:this.state.splitXY.y,r:5}:{r:0}}},{key:"refreshPathLayer",value:function(){this.updatePathLayer()}},{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:ln.px(0),y:ln.px(0),width:ln.px(0),height:ln.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:Hn("$view"),value:function(t){if(this.initRect(),this.isMode("path")&&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();else{var e=dn.create(t.target),n=e.hasClass("split-path");this.state.splitXY=n?this.calculatePointOnLine(e.attr("d"),{x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y}):null,this.bindData("$splitCircle"),this.state.altKey=!1}}},{key:Gn("$view :not(.split-path)")+or()+ir(),value:function(t){this.initRect(),this.state.altKey=!1;var e=this.isMode("path");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=dn.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=bI(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:ln.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:ln.px(t.x+(e<0?e:0)),top:ln.px(t.y+(n<0?n:0)),width:ln.px(Math.abs(e)),height:ln.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=bI(this.refs.$segmentBox.styles("left","top","width","height").map((function(t){return ln.parse(t)})),4),e={x:t[0],y:t[1],width:t[2],height:t[3]};return e.x2=ln.px(e.x.value+e.width.value),e.y2=ln.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=this.$config.get("bodyEvent");this.pathGenerator.move(t,e,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("path")){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}},{key:"renderSegment",value:function(t){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),X(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:Do("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:Do("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{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.isMode("path")&&(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 this.$editor.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}}]),n}(function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:Do("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:Gn("$tool .transform-tool-item")+or("moveTransformTool")+ir("moveEndTransformTool"),value:function(t){this.transformMoveType=t.$dt.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){this.transformMoveType="none",this.renderTransformTool()}}]),n}(function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new Ya(t);if("C"===n.segments[1].command){var r=[wI(n.segments[0].values),wI(n.segments[1].values.slice(0,2)),wI(n.segments[1].values.slice(2,4)),wI(n.segments[1].values.slice(4,6))],o=mx.apply(void 0,uI(r).concat([200]))(e.x,e.y);return xx(r,o).first[3]}if("Q"===n.segments[1].command){r=[wI(n.segments[0].values),wI(n.segments[1].values.slice(0,2)),wI(n.segments[1].values.slice(2,4))],o=gx.apply(void 0,uI(r).concat([200]))(e.x,e.y);return Rx(r,o).first[2]}if("L"===n.segments[1].command){r=[wI(n.segments[0].values),wI(n.segments[1].values.slice(0,2))],o=wx.apply(void 0,uI(r).concat([200]))(e.x,e.y);return $x(r,o).first[1]}return e}},{key:jn("$view .split-path"),value:function(t){this.initRect();var e=new Ya(t.$dt.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=[wI(e.segments[0].values),wI(e.segments[1].values.slice(0,2)),wI(e.segments[1].values.slice(2,4)),wI(e.segments[1].values.slice(4,6))],o=mx.apply(void 0,uI(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPoint(xx(r,o))}else if("Q"===e.segments[1].command){r=[wI(e.segments[0].values),wI(e.segments[1].values.slice(0,2)),wI(e.segments[1].values.slice(2,4))],o=gx.apply(void 0,uI(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointQuard(Rx(r,o))}else if("L"===e.segments[1].command){r=[wI(e.segments[0].values),wI(e.segments[1].values.slice(0,2))],o=wx.apply(void 0,uI(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointLine($x(r,o))}this.renderPath(),this.refreshPathLayer()}}]),n}(function(t){pI(n,t);var e=hI(n);function n(){return sI(this,n),e.apply(this,arguments)}return fI(n,[{key:Pn("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}}]),n}(Ao))));function SI(t){return(SI="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jI(Object(n),!0).forEach((function(e){xI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function RI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EI(t,e){return(EI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TI(t);if(e){var o=TI(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CI(this,n)}}function CI(t,e){return!e||"object"!==SI(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TI(t){return(TI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DI=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EI(t,e)}(i,t);var e,n,r,o=_I(i);function i(){return RI(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:ur("$el"),value:function(){if(1!==this.$selection.length)return"<div></div>";var t=this.$selection.current;if(t.isInGrid()){var e=t.parent,n=e.screenX,r=e.screenY,o=e.width,i=e.height,a=e.toGridLayoutCSS();return"<div style='".concat(Q(PI({position:"absolute",left:n,top:r,width:o,height:i,border:"1px solid black"},a)),"'>\n                ").concat(e.layers.map((function(t){var e=t.toLayoutItemCSS();return"<div style='".concat(Q(PI(PI({},e),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:Do("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}}])&&$I(e.prototype,n),r&&$I(e,r),i}(Ao);function AI(t){return(AI="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?II(Object(n),!0).forEach((function(e){LI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):II(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function MI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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=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 FI(t,e){return(FI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XI(t);if(e){var o=XI(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HI(this,n)}}function HI(t,e){return!e||"object"!==AI(e)&&"function"!=typeof e?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)}var YI=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],NI=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FI(t,e)}(i,t);var e,n,r,o=GI(i);function i(){return MI(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){zI(XI(i.prototype),"initialize",this).call(this),this.pathParser=new Ya}},{key:"initState",value:function(){return{points:[],$target:null,fill:"transparent",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:ln.px(0),screenY:ln.px(0),screenWidth:ln.px(0),screenHeight:ln.px(0)}}},{key:Do("changeDrawManager"),value:function(t){this.setState(VI({},t),!1)}},{key:"template",value:function(){return"\n        <div class='path-draw-view' tabIndex=\"-1\">\n            <div class='path-draw-container' ref='$view'></div>\n        </div>"}},{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:$n("document")+Zn("isShow")+Qn+Jn+ar+cr,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$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,u=Ia.simply(this.state.points,this.state.tolerance),s=new Ya(Qa.makePathByPoints(u)),l=nI.generatorPathString(s.convertGenerator(),t.x,t.y,this.scale);e=r.add(new YC({width:ln.px(a),height:ln.px(c),d:l,totalLength:this.totalPathLength})),YI.forEach((function(t){n.state[t]&&e.reset(LI({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addPathLayer",value:function(){var t=this.getPathRect();0!==t.width&&0!==t.height&&this.makePathLayer(t)&&this.emit("refreshAll")}},{key:"changeMode",value:function(t){this.setState(VI(VI({},this.initState()),t),!1)}},{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:Do("showPathDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{instance:this,fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),this.emit("hidePathEditor"),this.emit("change.mode.view","PathDrawView")}},{key:Do("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:Do("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:pr("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(et({fill:this.toFillValue,stroke:this.toStrokeValue,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),'\n                    d="').concat(Qa.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:Do("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:ln.px(0),y:ln.px(0),width:ln.px(0),height:ln.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:Gn("$view")+or()+ir(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addPathLayer(),this.trigger("initPathDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return uC.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return uC.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return uC.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return uC.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&BI(e.prototype,n),r&&BI(e,r),i}(Ao);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 UI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UI(Object(n),!0).forEach((function(e){ZI(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZI(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function qI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(QI="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=rV(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 tV(t,e){return(tV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function eV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rV(t);if(e){var o=rV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nV(this,n)}}function nV(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 rV(t){return(rV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var oV=["fill","stroke-width"],iV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=eV(i);function i(){return qI(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){QI(rV(i.prototype),"initialize",this).call(this),this.pathParser=new Ya}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",points:[],$target:null,fill:"black",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:ln.px(0),screenY:ln.px(0),screenWidth:ln.px(0),screenHeight:ln.px(0)}}},{key:Do("changeDrawManager"),value:function(t){this.setState(WI({},t),!1),this.renderPath()}},{key:"template",value:function(){return"\n        <div class='brush-draw-view' tabIndex=\"-1\">\n            <div class='brush-draw-container' ref='$view'></div>\n        </div>"}},{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:$n("document")+Zn("isShow")+Qn+Jn+ar+cr,value:function(){this.trigger("hideBrushDrawEditor")}},{key:"makeBrushLayer",value:function(t){var e,n=this,r=this.$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,u=Ia.simply(this.state.points,this.state.tolerance),s=new Ya(Qa.makePathByPoints(u)),l=nI.generatorPathString(s.convertGenerator(),o,i,this.scale);e=r.add(new $D({width:ln.px(a),height:ln.px(c),d:l,totalLength:this.totalPathLength})),oV.forEach((function(t){n.state[t]&&e.reset(ZI({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addBrushLayer",value:function(){var t=this.getPathRect();if(0!==t.width&&0!==t.height){var e=this.makeBrushLayer(t);e&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t){this.setState(WI(WI({},this.initState()),t),!1),this.emit("change.mode.view","PathDrawView")}},{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:Do("showBrushDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]})}},{key:Do("initBrushDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:Do("hideBrushDrawEditor"),value:function(){this.trigger("initBrushDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view")}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:pr("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(et({fill:"transparent",stroke:"transparent"===this.toFillValue?"black":this.toFillValue}),'\n                    d="').concat(Qa.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:ln.px(0),y:ln.px(0),width:ln.px(0),height:ln.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:Gn("$view")+or()+ir(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addBrushLayer(),this.trigger("initBrushDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return uC.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return uC.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return uC.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return uC.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&JI(e.prototype,n),r&&JI(e,r),i}(Ao);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 cV(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||sV(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function uV(t){return function(t){if(Array.isArray(t))return lV(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||sV(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sV(t,e){if(t){if("string"==typeof t)return lV(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?lV(t,e):void 0}}function lV(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function fV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yV(t,e){return(yV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vV(t);if(e){var o=vV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dV(this,n)}}function dV(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 vV(t){return(vV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var bV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=hV(i);function i(){return fV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectionToolView:SA,GuideLineView:VA,PathEditorView:kI,PathDrawView:NI,BrushDrawView:iV,GridLayoutLineView:DI}}},{key:"initState",value:function(){return{mode:"selection",left:ln.px(0),top:ln.px(0),width:ln.px(1e4),height:ln.px(1e4),cachedCurrentElement:{},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                <GridLayoutLineView ref='$gridLayoutLineView' />\n                <SelectionToolView ref='$selectionTool' />\n                <PathEditorView ref='$pathEditorView' />\n                <PathDrawView ref='$pathDrawView' />\n                <BrushDrawView ref='$brushDrawView' />\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:Do("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:Do("refElement"),value:function(t,e){X(e)&&e(this.getElement(t))}},{key:"getElement",value:function(t){return this.refs.$view.$('[data-id="'.concat(t,'"]'))}},{key:"checkEmptyElement",value:function(t){var e=dn.create(t.target);return!!this.$editor.isAddMode()||"selection"===this.state.mode&&!1===e.hasClass("element-item")&&!1===e.hasClass("selection-tool-item")&&!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")&&!1===e.isTag("text")&&!1===e.isTag("img")&&"true"!==e.attr("data-segment")}},{key:Gn("$view")+Zn("checkEmptyElement")+or("movePointer")+ir("moveEndPointer"),value:function(t){if(this.$target=dn.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,this.$editor.isSelectionMode()){var e={left:ln.px(this.dragXY.x),top:ln.px(this.dragXY.y),width:ln.px(0),height:ln.px(0)};this.refs.$dragAreaRect.css(e),this.state.cachedCurrentElement={},this.$el.$$(".selected").forEach((function(t){return t.removeClass("selected")}))}}},{key:"movePointer",value:function(t,e){var n=this,r={left:ln.px(this.dragXY.x+(t<0?t:0)),top:ln.px(this.dragXY.y+(e<0?e:0)),width:ln.px(Math.abs(t)),height:ln.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(r),this.$editor.isSelectionMode()){var o,i=r.left,a=r.top,c=r.width,u=r.height,s={x:ln.px(i.value-this.canvasPosition.x),y:ln.px(a.value-this.canvasPosition.y),width:c,height:u};s.x2=ln.px(s.x.value+s.width.value),s.y2=ln.px(s.y.value+s.height.value);var l,f=this.$selection.currentArtboard,p=this.$selection.items;if(f)Object.keys(s).forEach((function(t){s[t].div(n.$editor.scale)})),p=f.checkInAreaForLayers(s),0===s.width.value&&0===s.height.value&&(p=[]),(l=this.$selection).select.apply(l,uV(p))&&this.selectCurrentForBackgroundView.apply(this,uV(p));(o=this.$selection).select.apply(o,uV(p))&&this.emit("refreshSelection")}}},{key:"moveEndPointer",value:function(t,e){var n=this,r=cV(this.refs.$dragAreaRect.styles("left","top","width","height").map((function(t){return ln.parse(t)})),4),o=r[0],i=r[1],a=r[2],c=r[3],u={x:ln.px(o.value-this.canvasPosition.x),y:ln.px(i.value-this.canvasPosition.y),width:a,height:c};if(u.x2=ln.px(u.x.value+u.width.value),u.y2=ln.px(u.y.value+u.height.value),this.refs.$dragAreaRect.css({left:ln.px(-1e4),top:ln.px(0),width:ln.px(0),height:ln.px(0)}),this.$editor.isSelectionMode()){var s,l=this.$selection.currentArtboard,f=[];l?(Object.keys(u).forEach((function(t){u[t].div(n.$editor.scale)})),f=l.checkInAreaForLayers(u),0===u.width.value&&0===u.height.value&&(f=[l]),0===f.length&&l.checkInArea(u)&&(f=[l]),(s=this.$selection).select.apply(s,uV(f))&&this.selectCurrentForBackgroundView.apply(this,uV(f)),f.length?this.emit("refreshSelection"):(this.$selection.select(),this.emit("emptySelection"))):(this.$selection.select(),this.emit("emptySelection"))}else{var p={x:ln.px(u.x.value/this.$editor.scale).floor(),y:ln.px(u.y.value/this.$editor.scale).floor(),width:ln.px(u.width.value/this.$editor.scale).floor(),height:ln.px(u.height.value/this.$editor.scale).floor()};switch(this.$editor.addComponentType){case"image":this.emit("openImage",p);break;case"video":this.emit("openVideo",p);break;default:this.emit("newComponent",this.$editor.addComponentType,p)}}this.sendHelpMessage(),this.emit("removeGuideLine")}},{key:"sendHelpMessage",value:function(){1===this.$selection.length&&this.$selection.current.is("svg-path","svg-brush","svg-polygon","svg-textpath")&&this.emit("addStatusBarMessage","Please click if you want to edit to path ")}},{key:$n("$view .element-item.text"),value:function(t){var e=t.$dt.html(),n=t.$dt.text().trim(),r=t.$dt.attr("data-id"),o=[];this.$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 this.$editor.isSelectionMode()}},{key:Gn("$view .element-item")+Zn("checkEditMode")+or("calculateMovedElement")+ir("calculateEndedElement"),value:function(t){if(this.startXY=t.xy,this.$element=t.$dt,this.$element.hasClass("text")&&this.$element.hasClass("selected"))return!1;var e=this.$element.attr("data-id");this.hasSVG=!1,t.shiftKey?this.$selection.toggleById(e):this.$selection.check({id:e})?this.$selection.current.is("svg-path","svg-brush","svg-textpath","svg-polygon")&&(this.hasSVG=!0):this.$selection.selectById(e),this.selectCurrent.apply(this,uV(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelection"),this.children.$selectionTool.initMoveType()}},{key:"calculateMovedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move"),this.updateRealPosition()}},{key:"updateRealPositionByItem",value:function(t){var e=t.toBound(),n=e.x,r=e.y,o=e.width,i=e.height,a=this.state.cachedCurrentElement[t.id];a||(this.state.cachedCurrentElement[t.id]=this.getElement(t.id),a=this.state.cachedCurrentElement[t.id]),a&&a.cssText("left: ".concat(n,";top:").concat(r,";width:").concat(o,";height:").concat(i,"; transform: ").concat(t.transform,";"))}},{key:"updateRealPosition",value:function(){var t=this;this.$selection.each((function(e){t.updateRealPositionByItem(e)})),this.emit("refreshRect")}},{key:Do("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"']")).attr("data-title",e)}},{key:"calculateEndedElement",value:function(t,e){if(0===t&&0===e){if(this.hasSVG)return void this.emit("openPathEditor")}else this.$selection.setRectCache(),this.emit("removeGuideLine")}},{key:pr("$body"),value:function(){var t=ln.px(this.$editor.canvasWidth),e=ln.px(this.$editor.canvasHeight);return{"data-mode":this.$editor.mode,style:{position:"relative",width:t,height:e}}}},{key:pr("$view"),value:function(){return{style:{transform:"scale(".concat(this.$editor.scale,")")},innerHTML:this.state.html}}},{key:Do("addElement"),value:function(){var t=(this.$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.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}else this.$selection.select(this.$selection.currentArtboard);this.emit("refreshSelectionTool")}},{key:"selectCurrentForBackgroundView",value:function(){var t=this;this.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}this.emit("refreshSelection"),this.emit("refreshSelectionTool")}},{key:Do("refreshSelection"),value:function(){this.state.html||this.trigger("addElement"),this.emit("refreshSelectionTool")}},{key:"modifyScale",value:function(){this.refs.$view.css({transform:"scale(".concat(this.$editor.scale,")")}),this.emit("makeSelectionTool",!0)}},{key:Do("changeScale"),value:function(){this.modifyScale()}},{key:Do("refreshCanvasForPartial","refreshSelectionStyleView","refreshSelectionDragStyleView"),value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=t?[t]:this.$selection.items;o.forEach((function(t){e.updateElement(t,n,r)}))}},{key:"updateElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n),this.updateRealPositionByItem(t))}},{key:"updateTimelineElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n,this,!0),this.updateRealPositionByItem(t))}},{key:Do("playTimeline","moveTimeline"),value:function(){var t=this,e=this.$selection.currentArtboard;e&&e.getSelectedTimeline().animations.map((function(t){return e.searchById(t.id)})).forEach((function(e){t.updateTimelineElement(e,!0,!1)}))}},{key:Do("refreshAllCanvas"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.$selection.currentArtboard||{html:""},n=e.html;this.setState({html:n},!1),this.refs.$view.updateDiff(n),t&&this.emit("refreshSelectionTool")}},{key:"refresh",value:function(){this.state.html!=this.prevState.html&&this.load()}},{key:Do("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));uV(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)})),this.$selection.setRectCache()}},{key:Do("refreshElementBoundSize"),value:function(t){var e=this;t&&t.layers.forEach((function(t){if(t.isLayoutItem()){var n=e.getElement(t.id);if(n){var r=n.offsetRect(),o=r.x,i=r.y,a=r.width,c=r.height;t.reset({x:ln.px(o),y:ln.px(i),width:ln.px(a),height:ln.px(c)}),t.is("component")&&e.emit("refreshStyleView",t,!0),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:Cn("view")+ar,value:function(){}},{key:_n("$view")+ar,value:function(t){var e=dn.create(t.target).attr("data-id");if(e)this.$selection.length?this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")}):this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")},e);else{var n=t.dataTransfer.getData("image/info");this.emit("dropImageUrl",n)}}}])&&pV(e.prototype,n),r&&pV(e,r),i}(Ao);function mV(t){return(mV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OV(t,e){return(OV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jV(t);if(e){var o=jV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SV(this,n)}}function SV(t,e){return!e||"object"!==mV(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jV(t){return(jV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var PV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=kV(i);function i(){return gV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=ln.parse(this.props.value||ln.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:ur("$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||0}},{key:"setValue",value:function(t){this.setState({value:ln.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:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}])&&wV(e.prototype,n),r&&wV(e,r),i}(Ao);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 RV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EV(t,e){return(EV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TV(t);if(e){var o=TV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CV(this,n)}}function CV(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 TV(t){return(TV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EV(t,e)}(i,t);var e,n,r,o=_V(i);function i(){return RV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberInputEditor:PV}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(Wb.remove2,"</button>\n        <div class='select'>\n          <NumberInputEditor ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$editor.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Wb.add,"</button>        \n      </div>\n\n    ")}},{key:Do("changeScaleValue"),value:function(t){t<=0&&(t=.01),t=ft(100*t,100),this.children.$scale.setValue(t),this.emit("updateScale",t/100)}},{key:Do("changeRangeEditor")+nr(1e3),value:function(t,e){this.trigger("changeScaleValue",Math.floor(e/100))}},{key:jn("$plus")+ar+cr,value:function(){this.trigger("changeScaleValue",this.$editor.scale+.25)}},{key:jn("$minus")+ar+cr,value:function(){this.trigger("changeScaleValue",this.$editor.scale-.25)}}])&&$V(e.prototype,n),r&&$V(e,r),i}(Ao);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 IV(t){return function(t){if(Array.isArray(t))return VV(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return VV(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return VV(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function VV(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function LV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BV(t,e){return(BV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=GV(t);if(e){var o=GV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return FV(this,n)}}function FV(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 GV(t){return(GV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var HV={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Wb.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Wb.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Wb.repeat," Conic")},XV={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"},YV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BV(t,e)}(i,t);var e,n,r,o=zV(i);function i(){return LV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return gK}},{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 nf.parseStyle(tt(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(Wb.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='fill-list' ref='$fillList'></div>\n            </div>\n        ")}},{key:"templateForBlendMode",value:function(t,e){return"\n        <div class='popup-item'>\n          <BlendSelectEditor \n                ref='$blend_".concat(t,"' \n                key='blendMode' \n                value=\"").concat(e,'" \n                params="').concat(t,'" \n                onchange="changeRangeEditor" \n            />\n        </div>\n        ')}},{key:ur("$fillList"),value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var o=n.image,i=XV[o.type],a=HV[o.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(i,'" >\n                <BackgroundPositionEditor ').concat(et({key:"background-position",index:r,ref:"$bp".concat(r),x:n.x,y:n.y,width:n.width,height:n.height,repeat:n.repeat,size:n.size,blendMode:n.blendMode})," onchange='changePattern' />\n                <GradientSingleEditor ").concat(et({index:r,ref:"$gse".concat(r),image:n.image,color:e.color,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(r,'">').concat(a,"</div>\n                    <div class='blend'>\n                      ").concat(t.templateForBlendMode(r,n.blendMode),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(r,"'>").concat(Wb.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=Q(nf.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Do("add"),value:function(){this.state.images.push(new nf({image:new _s({angle:90,colorsteps:[new $u({percent:0,color:"white",index:0}),new $u({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:En("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$fillList .fill-item")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(IV(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:_n("$fillList .fill-item")+ar,value:function(t){var e=+t.$dt.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:jn("$fillList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.images.splice(e,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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:Do("selectFillPopupTab"),value:function(t,e){var n=XV[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:Do("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,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),n)}},{key:Do("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}])&&MV(e.prototype,n),r&&MV(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UV(t,e){for(var n=0;n<e.length;n++){var 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(WV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JV(t);if(e){var o=JV(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qV(this,n)}}function qV(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 JV(t){return(JV=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var QV=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=ZV(i);function i(){return KV(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Wx.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(Wb.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:ur("$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(Wb.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(Wb.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">'.concat(this.$i18n("boxshadow.editor.blur"),'</div>\n        <div class="spread-radius">').concat(this.$i18n("boxshadow.editor.spread"),'</div>\n        <div class="tools">\n        </div>\n      </div>\n      ')),t.join("")}},{key:Do("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Do("add"),value:function(){this.state.boxShadows.push(new Wx),this.refresh(),this.modifyBoxShadow()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:jn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.boxShadows.splice(e,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:jn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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:Do("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:Do("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())}}}])&&UV(e.prototype,n),r&&UV(e,r),i}(Ao);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return nL(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nL(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nL(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function rL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(iL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uL(t);if(e){var o=uL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cL(this,n)}}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 uL(t){return(uL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=aL(i);function i(){return rL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=this.props.value,o=this.props.tabindex;return{keyValueChar:t,splitChar:e,label:this.props.label||"",options:n,value:r,tabIndex:o}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></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(){this.load()}},{key:pr("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:ur("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e;if((o=e).includes(t.state.keyValueChar)){var r=eL(o.split(t.state.keyValueChar),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:An("$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)}}])&&oL(e.prototype,n),r&&oL(e,r),i}(Ao);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,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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hL(t,e){return(hL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function dL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bL(t);if(e){var o=bL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return vL(this,n)}}function vL(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 bL(t){return(bL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var mL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hL(t,e)}(i,t);var e,n,r,o=dL(i);function i(){return pL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sL}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=ln.parse(this.props.value||ln.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,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:ur("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString(),l=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),"".concat(t,":").concat(e)})).join(",");return"\n        <div ".concat(et({ref:"$range",class:nt(fL({"range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(l,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Wb.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:ln.parse(t)})}},{key:Vn("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Mn("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:jn("$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 ln(0,this.children.$unit.getValue()))}},{key:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new ln(e,this.children.$unit.getValue())})}},{key:In("$property"),value:function(t){var e=+this.getRef("$property").value;this.refs.$propertyNumber.val(e),this.initValue(),this.updateData({value:new ln(e,this.children.$unit.getValue())})}},{key:Do("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}])&&yL(e.prototype,n),r&&yL(e,r),i}(Ao);function gL(t){return(gL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kL(t,e){return(kL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function SL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=PL(t);if(e){var o=PL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jL(this,n)}}function jL(t,e){return!e||"object"!==gL(e)&&"function"!=typeof e?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)}var xL=[{key:"border-top-left-radius",title:"topLeft"},{key:"border-top-right-radius",title:"topRight"},{key:"border-bottom-right-radius",title:"bottomRight"},{key:"border-bottom-left-radius",title:"bottomLeft"}],RL=xL.map((function(t){return t.key})),$L=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kL(t,e)}(i,t);var e,n,r,o=SL(i);function i(){return wL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{key:"initState",value:function(){return Ix.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:Do("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&RL.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(xL.map((function(e){var n=t.state[e.key],r=t.$i18n("border.radius.editor."+e.title);return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(r,"' key='").concat(e.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:In("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:An("$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,RL.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"]+"":RL.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}])&&OL(e.prototype,n),r&&OL(e,r),i}(Ao);function EL(t){return(EL="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function CL(t,e){for(var n=0;n<e.length;n++){var 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(TL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function DL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=IL(t);if(e){var o=IL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return AL(this,n)}}function AL(t,e){return!e||"object"!==EL(e)&&"function"!=typeof e?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)}var VL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=DL(i);function i(){return _L(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$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:jn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:Do("changeColorSingleEditor"),value:function(t,e){this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t})}}])&&CL(e.prototype,n),r&&CL(e,r),i}(Ao);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 ML(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(zL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function FL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=HL(t);if(e){var o=HL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return GL(this,n)}}function GL(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)}var XL=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=FL(i);function i(){return ML(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{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})}},{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.label;return"\n            <div class='color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:pr("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:pr("$colorCode"),value:function(){return{value:this.state.value}}},{key:Vn("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:Mn("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:jn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",color:this.state.value})}},{key:jn("$remove"),value:function(t){this.updateData({value:""})}},{key:In("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}},{key:Do("changeColorViewEditor"),value:function(t){this.updateData({value:t})}}])&&BL(e.prototype,n),r&&BL(e,r),i}(Ao);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 NL(t){return function(t){if(Array.isArray(t))return KL(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return KL(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return KL(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function KL(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function UL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 ZL(t,e){return(ZL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function qL(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=QL(t);if(e){var o=QL(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return JL(this,n)}}function JL(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 QL(t){return(QL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var tM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=qL(i);function i(){return UL(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{key:this.props.key,currentBezier:ux(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(Wb.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Wb.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,sx(this.state.currentBezier))}},{key:jn("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=cx.length-1:--n,e=cx[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:jn("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%cx.length,e=cx[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:jn("$text"),value:function(){var t=NL(cx[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:jn("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=ux(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=ux(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,y=a;u.beginPath(),u.moveTo(o,i+c),u.bezierCurveTo(o+s,i+l,o+f,i+p,o+y,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=ux(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:ln.px(r),top:ln.px(o)}),r=t[2]*e,o=(1-t[3])*n,this.refs.$pointer2.css({left:ln.px(r),top:ln.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=ux(this.state.currentBezier),e=Ox(sx(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:yt(c,n),y:u==r?0:(r-u)/r}}},{key:Gn("$pointer1")+or("movePointer1")+ir("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:Gn("$pointer2")+or("movePointer2")+ir("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:Do("showCubicBezierEditor"),value:function(t){var e=ux(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")}}])&&WL(e.prototype,n),r&&WL(e,r),i}(Ao);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 nM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nM(Object(n),!0).forEach((function(e){oM(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function oM(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function iM(t){return function(t){if(Array.isArray(t))return aM(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return aM(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return aM(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function aM(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function cM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 sM(t,e){return(sM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function lM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=pM(t);if(e){var o=pM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fM(this,n)}}function fM(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 pM(t){return(pM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var yM={blur:KR.spec,grayscale:WR.spec,"hue-rotate":ZR.spec,invert:qR.spec,brightness:JR.spec,contrast:QR.spec,"drop-shadow":r$.spec,opacity:t$.spec,saturate:e$.spec,sepia:n$.spec,svg:UR.spec},hM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sM(t,e)}(i,t);var e,n,r,o=lM(i);function i(){return cM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sL,RangeEditor:mL,ColorViewEditor:XL}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:NR.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(Wb.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:ur("$filterSelect"),value:function(){var t=PC.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(iM(t),[{title:"-------",value:""}],iM(e)):iM(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 yM[t]}},{key:"makeDropShadowFilterTemplate",value:function(t,e,n){var r=this;return'\n      <div class="filter-item">\n        <div class="title drop-shadow" draggable="true" data-index="'.concat(n,'">\n          <label>').concat(this.$i18n("filter.property.drop-shadow"),'</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <ColorViewEditor \n            label="').concat(this.$i18n("filter.property.drop-shadow.color"),"\" \n            ref='$dropShadowColorView").concat(n,"' \n            params=\"").concat(n,'" \n            value="').concat(e.color,'" \n            onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map((function(o){return'        \n            <div class="filter-ui drop-shadow">\n                <RangeEditor \n                  ref=\'$'.concat(o).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(o)),'"\n                  key="').concat(n,'" \n                  min="').concat(t[o].min,'"\n                  min="').concat(t[o].max,'"\n                  params="').concat(o,'" \n                  value="').concat(e[o].value,'" units="').concat(t[o].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')})).join(""),"\n      </div>\n    ")}},{key:"getSVGFilterList",value:function(){var t=this.$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=this.$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,o="".concat(this.$i18n("filter.property."+e.type));return'\n      <div class="filter-item" data-index="'.concat(n,'">\n        <div class="title" >\n          <label draggable="true" data-index="').concat(n,'" title="').concat(r?"":o,'">').concat(o,"</label>\n          ").concat("svg"!=e.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,e,t),"\n          </div>\n        "):"\n          <div>\n            <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(e.value,"</span>\n          </div>\n        "),'          \n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.remove2,"\n            </button>\n          </div>\n        </div>\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:ur("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:En("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$filterList .filter-item .title label")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(iM(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:_n("$filterList .filter-item")+ar,value:function(t){var e=+t.$dt.attr("data-index");this.$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 NR.parse(rM(rM({},e),{},{type:t}))}},{key:jn("$filterList .svg-filter-edit"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.state.filters[e],r=this.$selection.currentProject;if(r){var o=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",o)}}},{key:Do("openSVGFilterPopup"),value:function(t){var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:t,preview:!1,filters:e.filters})}},{key:Do("changeSVGFilterRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:Do("add"),value:function(t){var e=this;"svg"===t?this.emit("addSVGFilterAssetItem",(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:jn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:jn("$filterList .filter-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.filters.splice(e,1),this.refresh(),this.modifyFilter()}},{key:Do("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:Do("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(oM({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}])&&uM(e.prototype,n),r&&uM(e,r),i}(Ao);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 vM(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 gM(t,e){return(gM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kM(t);if(e){var o=kM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OM(this,n)}}function OM(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 kM(t){return(kM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var SM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gM(t,e)}(i,t);var e,n,r,o=wM(i);function i(){return bM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sL}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=ln.parse(this.props.value||ln.px(0));return{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||"",units:t,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:ur("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString();return"\n        <div ".concat(et({ref:"$range",class:nt(vM({"input-range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\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(Wb.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:ln.parse(t)})}},{key:Vn("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:Mn("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:jn("$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 ln(0,this.children.$unit.getValue()))}},{key:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new ln(e,this.children.$unit.getValue())})}},{key:Do("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:Do("changeVarType"),value:function(t,e){this.updateData({value:new ln(this.refs.$calc.value,e)})}}])&&mM(e.prototype,n),r&&mM(e,r),i}(Ao);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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)||RM(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xM(t){return function(t){if(Array.isArray(t))return $M(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||RM(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function RM(t,e){if(t){if("string"==typeof t)return $M(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$M(t,e):void 0}}function $M(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function EM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 CM(t,e){return(CM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function TM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=AM(t);if(e){var o=AM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return DM(this,n)}}function DM(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 AM(t){return(AM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var IM=["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"],VM=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],LM={"image-resource":Wb.photo},MM={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},BM={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%"]},zM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=TM(i);function i(){return EM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SM,RangeEditor:mL,SelectEditor:sL}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:nf.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:nf.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' title='").concat(this.$i18n("gradient.editor.drag.message"),"'></div>\n              <div class='drag-pointer' ref='$dragPosition'></div>\n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(Wb.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Wb.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(VM.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(LM[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(IM.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:An("$file"),value:function(t){var e=this;this.$selection.currentProject&&xM(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:jn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");BM[e]&&(this.state.image.radialPosition=N(BM[e]),this.refresh(),this.updateData())}},{key:Pn("$gradientView")+ar,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:Gn("$gradientView")+or("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=ln.percent((n-this.containerRect.x)/this.containerRect.width*100),i=ln.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:jn("$tab .picker-tab-item"),value:function(t){var e=t.$dt.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=nf.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:ln.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:Do("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:Do("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:jn("$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:pr("$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:pr("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:pr("$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:pr("$dragPosition"),value:function(){var t="50%",e="50%";if(MM[this.state.image.type]){var n=PM(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:ur("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return"\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' data-cut='").concat(e.cut,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>')}))}},{key:jn("$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){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(ln.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Gn("$stepList .step")+or(),value:function(t){var e=t.$dt.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(ln.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(Fu.toColorString(t.colorsteps),")")}},{key:Do("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:Do("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())}}])&&_M(e.prototype,n),r&&_M(e,r),i}(Ao);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GM(Object(n),!0).forEach((function(e){XM(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function XM(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function YM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function NM(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KM(t,e,n){return(KM="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=qM(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 UM(t,e){return(UM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function WM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qM(t);if(e){var o=qM(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ZM(this,n)}}function ZM(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 qM(t){return(qM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var JM=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=WM(i);function i(){return YM(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new ln(0,"infinite"):ln.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return HM(HM({},KM(qM(i.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}])&&NM(e.prototype,n),r&&NM(e,r),i}(mL);function QM(t){return(QM="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return eB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return eB(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function eB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function nB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rB(t,e){for(var n=0;n<e.length;n++){var 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(oB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function iB(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=cB(t);if(e){var o=cB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return aB(this,n)}}function aB(t,e){return!e||"object"!==QM(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cB(t){return(cB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var uB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=iB(i);function i(){return nB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=tB(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(Wb.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:Do("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:ur("$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(Wb.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:jn("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:In("$varList input"),value:function(t){var e=+t.$dt.attr("data-index"),n=t.$dt.attr("data-type");this.state.values[e][n]=t.$dt.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)}}])&&rB(e.prototype,n),r&&rB(e,r),i}(Ao);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 lB(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fB(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lB(Object(n),!0).forEach((function(e){pB(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 yB(t){return function(t){if(Array.isArray(t))return hB(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return hB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return hB(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function hB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function dB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(bB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mB(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wB(t);if(e){var o=wB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gB(this,n)}}function gB(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 wB(t){return(wB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OB=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],kB={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"]},SB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=mB(i);function i(){return dB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberInputEditor:PV,RangeEditor:mL}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Pi.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(OB.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(Wb.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 kB[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>').concat(this.$i18n("css.item."+t),'</label>\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 class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.remove2,"\n            </button>\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>').concat(this.$i18n("css.item."+t),'</label>\n          <div></div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Wb.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:ur("$transformList"),value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:En("$transformList .transform-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$transformList .transform-item")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(yB(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:_n("$transformList .transform-item")+ar,value:function(t){var e=+t.$dt.attr("data-index");this.$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[ln.px(0)];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[ln.deg(0)];case"translate":return[ln.px(0),ln.px(0)];case"translate3d":return[ln.px(0),ln.px(0),ln.px(0)];case"scale":return[ln.number(1),ln.number(1)];case"scaleX":case"scaleY":return[ln.number(1)];case"matrix":return[ln.number(1),ln.number(0),ln.number(0),ln.number(1),ln.number(0),ln.number(0)];case"matrix3d":return[ln.number(1),ln.number(0),ln.number(0),ln.number(0),ln.number(0),ln.number(1),ln.number(0),ln.number(0),ln.number(0),ln.number(0),ln.number(1),ln.number(0),ln.number(0),ln.number(0),ln.number(0),ln.number(1)]}return[ln.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return Pi.parse(fB(fB({},e),{},{type:t,value:n}))}},{key:Do("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:jn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:jn("$transformList .transform-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.transforms.splice(e,1),this.refresh(),this.modifyTransform()}},{key:Do("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}])&&vB(e.prototype,n),r&&vB(e,r),i}(Ao);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return xB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xB(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function RB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EB(t,e){return(EB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TB(t);if(e){var o=TB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CB(this,n)}}function CB(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 TB(t){return(TB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DB=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"}],AB=DB.map((function(t){return t.key})),IB={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%"},VB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=_B(i);function i(){return RB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":ln.percent(50),"transform-origin-x":ln.percent(50),"transform-origin-y":ln.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=ln.parse(t[0]),e["transform-origin-x"]=ln.parse(t[0]),e["transform-origin-y"]=ln.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=ln.parse(t[0]),e["transform-origin-y"]=ln.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:jn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=PB(IB[e].split(" "),2),r=n[0],o=n[1];this.state["transform-origin-x"]=ln.parse(r),this.state["transform-origin-y"]=ln.parse(o),this.refresh(),this.modifyTransformOrigin()}},{key:Do("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&AB.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(DB.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,AB.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:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}])&&$B(e.prototype,n),r&&$B(e,r),i}(Ao);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 MB(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return BB(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return BB(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function BB(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function zB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function FB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GB(t,e){return(GB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function HB(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=YB(t);if(e){var o=YB(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return XB(this,n)}}function XB(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 YB(t){return(YB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var NB=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],KB=NB.map((function(t){return t.key})),UB={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%"},WB=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=HB(i);function i(){return zB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":ln.px(0),"perspective-origin-x":ln.px(0),"perspective-origin-y":ln.px(0)};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=ln.parse(t[0]),e["perspective-origin-x"]=ln.parse(t[0]),e["perspective-origin-y"]=ln.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=ln.parse(t[0]),e["perspective-origin-y"]=ln.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:jn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=MB(UB[e].split(" "),2),r=n[0],o=n[1];this.state["perspective-origin-x"]=ln.parse(r),this.state["perspective-origin-y"]=ln.parse(o),this.refresh(),this.modifyPerspectiveOrigin()}},{key:Do("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&KB.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(NB.map((function(e){var n=t.$i18n(e.title);return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(n,"' 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,KB.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:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}])&&FB(e.prototype,n),r&&FB(e,r),i}(Ao);function ZB(t){return(ZB="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function JB(t,e){for(var n=0;n<e.length;n++){var 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(QB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nz(t);if(e){var o=nz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ez(this,n)}}function ez(t,e){return!e||"object"!==ZB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function nz(t){return(nz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tz(i);function i(){return qB(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=ln.parse(this.props.value||ln.number(0));return t=t.toUnit("number"),{removable:"true"===this.props.removable,clamp:"true"===this.props.clamp,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:ur("$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 title="'.concat(o,'">').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,"\" tabIndex=\"1\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(Wb.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:ln.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:ln.parse(t)})}},{key:"getValue",value:function(){return this.state.clamp?this.state.value.clamp(this.state.min,this.state.max):this.state.value}},{key:"setValue",value:function(t){this.setState({value:ln.parse(t)})}},{key:Vn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:Mn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:jn("$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.getValue(),this.props.params)}},{key:In("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:In("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=ln.number(0)),this.updateData({value:this.state.value.set(e)})}}])&&JB(e.prototype,n),r&&JB(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function az(t,e){for(var n=0;n<e.length;n++){var 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(cz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lz(t);if(e){var o=lz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sz(this,n)}}function sz(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 lz(t){return(lz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cz(t,e)}(i,t);var e,n,r,o=uz(i);function i(){return iz(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:jn(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:Do("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}])&&az(e.prototype,n),r&&az(e,r),i}(Ao);function pz(t){return(pz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dz(t,e){return(dz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mz(t);if(e){var o=mz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bz(this,n)}}function bz(t,e){return!e||"object"!==pz(e)&&"function"!=typeof e?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)}var gz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vz(i);function i(){return yz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:gR.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(Wb.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:ur("$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(Wb.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:"modifyTextShadow",value:function(){var t=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:Do("add"),value:function(){this.state.textShadows.push(new gR),this.refresh(),this.modifyTextShadow()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:jn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:jn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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){this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:t.color,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius},{id:this.id})}},{key:Do("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}])&&hz(e.prototype,n),r&&hz(e,r),i}(Ao);function wz(t){return(wz="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kz(t,e){for(var n=0;n<e.length;n++){var 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(Sz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xz(t);if(e){var o=xz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pz(this,n)}}function Pz(t,e){return!e||"object"!==wz(e)&&"function"!=typeof e?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)}var Rz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sz(t,e)}(i,t);var e,n,r,o=jz(i);function i(){return Oz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberRangeEditor:rz}}},{key:"initState",value:function(){return{value:this.generateValue(this.props.value||"")}}},{key:"template",value:function(){return"\n      <div class='stroke-dasharray-editor'>\n        <div ref='$body'></div>\n        <div class='tools'>\n          <label ref='$add'>".concat(Wb.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>\n      </div>\n    ")}},{key:"toStringValue",value:function(){return this.state.value.join(" ")}},{key:"getValue",value:function(){return this.toStringValue()}},{key:"generateValue",value:function(t){return t.split(" ").filter(Boolean).map((function(t){return+t}))}},{key:"setValue",value:function(t){B(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:ur("$body"),value:function(){return this.state.value.map((function(t,e){var n=e+1;return"\n        <div class='dasharray-item'>\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            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Wb.remove2,"</button>\n        </div>\n      ")}))}},{key:Do("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:jn("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:jn("$body .delete"),value:function(t){var e=+t.$dt.attr("data-index");this.state.value.splice(e,1),this.refresh(),this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}])&&kz(e.prototype,n),r&&kz(e,r),i}(Ao);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 Ez(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return _z(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _z(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _z(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Cz(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 Dz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Az(t,e){for(var n=0;n<e.length;n++){var 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(Iz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Vz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Mz(t);if(e){var o=Mz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Lz(this,n)}}function Lz(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 Mz(t){return(Mz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Bz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Iz(t,e)}(i,t);var e,n,r,o=Vz(i);function i(){return Dz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{parser:new Ya(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 Ya(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:ur("$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]:{};e%2?Cz(Object(n),!0).forEach((function(e){Tz(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cz(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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\n                        ").concat("Z"===t.command?!1===t.toggle?"opened":"closed":"","\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:In("$data input[type=number]")+nr(300),value:function(t){this.updateData()}},{key:jn("$data .command[data-toggle]"),value:function(t){var e=Ez(t.$dt.attrs("data-command","data-toggle"),2),n=e[0],r=e[1];"Z"===n&&(r="false"!==r?"false":"true",t.$dt.attr("data-toggle",r),this.updateData())}}])&&Az(e.prototype,n),r&&Az(e,r),i}(Ao);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(Hz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Xz(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Nz(t);if(e){var o=Nz(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Yz(this,n)}}function Yz(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 Nz(t){return(Nz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Kz=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hz(t,e)}(i,t);var e,n,r,o=Xz(i);function i(){return Fz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{parser:new x$(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 x$(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:ur("$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:In("$data input[type=number]")+nr(300),value:function(t){this.updateData()}}])&&Gz(e.prototype,n),r&&Gz(e,r),i}(Ao);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 Wz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Zz(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zz(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zz(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function qz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jz(t,e){for(var n=0;n<e.length;n++){var 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(Qz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nF(t);if(e){var o=nF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eF(this,n)}}function eF(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 nF(t){return(nF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tF(i);function i(){return qz(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL,SelectEditor:sL}}},{key:"initState",value:function(){var t=Wz((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=Wz((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=this.$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:ur(),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='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(o,'" options="').concat(e,"\" onchange='changeRangeEditor' />\n            </div>\n            <div class='offset-path-item'>\n                <div>").concat(this.$i18n("offset.path.list.editor.totalLength"),": <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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(a||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:pr("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:Do("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")}}])&&Jz(e.prototype,n),r&&Jz(e,r),i}(Ao);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)}}var iF={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},aF=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 tt(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){iF[t]?e=t:Ye.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)&&oF(e.prototype,n),r&&oF(e,r),t}();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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(lF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yF(t);if(e){var o=yF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pF(this,n)}}function pF(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 yF(t){return(yF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hF=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),dF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=fF(i);function i(){return uF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SM,RangeEditor:mL,SelectEditor:sL,ColorViewEditor:XL,ColorSingleEditor:VL}}},{key:"initState",value:function(){return{value:aF.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 aF.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=aF.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||ln.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(hF,"' 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:Do("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}])&&sF(e.prototype,n),r&&sF(e,r),i}(Ao);function vF(t){return(vF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 gF(t,e){return(gF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kF(t);if(e){var o=kF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OF(this,n)}}function OF(t,e){return!e||"object"!==vF(e)&&"function"!=typeof e?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)}var SF=["border","border-top","border-right","border-bottom","border-left"],jF={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},PF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gF(t,e)}(i,t);var e,n,r,o=wF(i);function i(){return bF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BorderValueEditor:dF}}},{key:"initState",value:function(){var t=aF.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 aF.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=aF.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:ur("$editorArea"),value:function(){var t=this;return SF.map((function(e){var n=jF[e]||e;return n=t.$i18n("border.editor."+n),"\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>".concat(this.$i18n("border.editor.width"),"</label>\n          <label>").concat(this.$i18n("border.editor.style"),"</label>\n          <label>").concat(this.$i18n("border.editor.color"),"</label>\n        </div>\n        <div class='editor-area' ref='$editorArea'>\n\n        </div>\n      </div>\n    ")}},{key:Do("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}])&&mF(e.prototype,n),r&&mF(e,r),i}(Ao);function xF(t){return(xF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return $F(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $F(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $F(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function EF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _F(t,e){for(var n=0;n<e.length;n++){var 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(CF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function TF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=AF(t);if(e){var o=AF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return DF(this,n)}}function DF(t,e){return!e||"object"!==xF(e)&&"function"!=typeof e?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)}var IF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CF(t,e)}(i,t);var e,n,r,o=TF(i);function i(){return EF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{NumberRangeEditor:rz}}},{key:"initState",value:function(){var t=RF((this.props.value||"").split(":"),3);return{start:+(t[0]||0),end:+(t[1]||1),duration:+(t[2]||1)}}},{key:"refresh",value:function(){this.load(),this.children.$s.setValue(this.state.start*this.state.duration),this.children.$e.setValue(this.state.end*this.state.duration),this.children.$s.setMax(this.state.duration),this.children.$e.setMax(this.state.duration)}},{key:"template",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return"\n            <div class='media-progress-editor'>\n                <div class='drag-area'>\n                    <div class='progress-bar' ref='$progress'></div>\n                    <div class='bar' ref='$bar'></div>                \n                    <div class='drag-item start' ref='$start'></div>\n                    <div class='drag-item end' ref='$end'></div>\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$s' \n                        label='Start' \n                        key='start' \n                        min=\"0\" \n                        max=\"".concat(r,'" \n                        step="0.001" \n                        value="').concat(e*r,"\" \n                        onchange=\"changeValue\" \n                    />\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$e' \n                        label='End' \n                        key='end' \n                        min=\"0\" \n                        max=\"").concat(r,'" \n                        step="0.001" \n                        value="').concat(n*r,'" \n                        onchange="changeValue" \n                    />\n                </div>                \n            </div>\n        ')}},{key:Do("changeValue"),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.state.duration),!0)}},{key:Gn("$start")+or("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=ln.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=ln.parse(this.refs.$end.css("left")).toPx(this.rect.width)}},{key:"moveStart",value:function(t,e){var n=Math.min(this.max.value,Math.max(0,this.pos.value+t));this.state.start=n/this.rect.width,this.children.$s.setValue(this.state.start*this.state.duration),this.refresh(),this.updateData()}},{key:pr("$start"),value:function(){return{"data-info":this.state.start,style:{left:ln.percent(100*(this.state.start||0))}}}},{key:Gn("$end")+or("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=ln.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=ln.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=ln.px(this.rect.width)}},{key:"moveStartForEnd",value:function(t,e){var n=Math.max(this.min.value,Math.min(this.max.value,this.pos.value+t));this.state.end=n/this.rect.width,this.children.$e.setValue(this.state.end*this.state.duration),this.refresh(),this.updateData()}},{key:pr("$end"),value:function(){return{"data-info":this.state.end,style:{left:ln.percent(100*(this.state.end||1))}}}},{key:pr("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:ln.percent(100*t),width:ln.percent(100*(e-t))}}}},{key:"getValue",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return"".concat(e,":").concat(n,":").concat(r)}},{key:"setValue",value:function(t){var e=RF(t.split(":"),3),n=e[0],r=e[1],o=e[2];this.setState({start:Number(n),end:Number(r),duration:Number(o)})}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState(t,e),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&_F(e.prototype,n),r&&_F(e,r),i}(Ao);function VF(t){return(VF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BF(t,e){return(BF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=GF(t);if(e){var o=GF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return FF(this,n)}}function FF(t,e){return!e||"object"!==VF(e)&&"function"!=typeof e?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)}var HF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=zF(i);function i(){return LF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BorderEditor:PF,NumberRangeEditor:rz,SelectEditor:sL,TextShadowEditor:gz,BoxShadowEditor:QV,FilterEditor:hM,ColorViewEditor:XL,RangeEditor:mL,StrokeDashArrayEditor:Rz,BackgroundImageEditor:YV,TransformEditor:SB,TransformOriginEditor:VB,PerspectiveOriginEditor:WB,VarEditor:uB,BorderRadiusEditor:$L,ClipPathEditor:fz,PathDataEditor:Bz,PolygonDataEditor:Kz,OffsetPathListEditor:rF,MediaProgressEditor:IF}}},{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(nt({"hide-title":this.state.hideTitle,"hide-refresh":this.state.hideRefresh}),"'>\n        <div class='title'>\n          <label>").concat(this.$i18n("css.property.editor.properties"),"</label>\n          <div class='tools'>\n            ").concat(this.makePropertySelect(),"\n            <button type=\"button\" ref='$addProperty'>").concat(Wb.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":case"playTime":return ln.string("");case"offset-distance":return ln.percent(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return ln.px(0)}}},{key:jn("$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=this.$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(et({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          <BlendSelectEditor \n          ref='$mixBlendMode".concat(e,"' \n          key='mix-blend-mode' \n          icon=\"true\" \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      "):"playTime"===t.key?"\n        <MediaProgressEditor ref='$playTime".concat(e,"'  key='playTime' value=\"").concat(t.value,'" onchange="changeSelect" />      \n      '):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:Do("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Do("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:Do("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:Do("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Do("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:Do("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:Do("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:Do("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:Do("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:Do("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:Do("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:Do("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:Do("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:Do("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":case"playTime":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=\"").concat(0,'"\n              max="').concat(1,'"\n              step="').concat(.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:Do("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:ur("$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(Wb.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(Wb.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:Do("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:jn("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:jn("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}])&&MF(e.prototype,n),r&&MF(e,r),i}(Ao);function XF(t){return(XF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return NF(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return NF(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return NF(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function NF(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function KF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 WF(t,e){return(WF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZF(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JF(t);if(e){var o=JF(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qF(this,n)}}function qF(t,e){return!e||"object"!==XF(e)&&"function"!=typeof e?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)}var QF=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WF(t,e)}(i,t);var e,n,r,o=ZF(i);function i(){return KF(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SM,RangeEditor:mL,CSSPropertyEditor:HF}}},{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 \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(ln.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:Do("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){if(L(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:ur("$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!dn.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:jn("$offset")+Zn("isNotOffsetItem")+ar,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=ln.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new wj({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:Gn("$offset .offset-item")+or("moveOffset")+ir("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=ln.parse(t.$dt.css("left")),this.currentOffset=t.$dt,this.currentOffsetIndex=+t.$dt.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=ln.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:Do("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:Do("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=YF(t)),this.modifyOffset()}}])&&UF(e.prototype,n),r&&UF(e,r),i}(Ao);function tG(t){return(tG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eG(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return nG(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nG(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nG(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function rG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(iG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uG(t);if(e){var o=uG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cG(this,n)}}function cG(t,e){return!e||"object"!==tG(e)&&"function"!=typeof e?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)}var sG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=aG(i);function i(){return rG(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new ln("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),o=eG(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=eG(i,2),c=a[0],u=a[1];return L(u)&&(u=c),{radius:e,x:c=ln.parse(c),y:u=ln.parse(u)}}},{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:pr("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Gn("$area")+or()+ir(),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=ln.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=ln.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:Do("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new ln("","closest-side"):r.includes("farthest-side")&&(n=new ln("","farthest-side")),this.updateData({radius:n})}}}])&&oG(e.prototype,n),r&&oG(e,r),i}(Ao);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 fG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pG(t,e){for(var n=0;n<e.length;n++){var 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(yG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vG(t);if(e){var o=vG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dG(this,n)}}function dG(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 vG(t){return(vG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var bG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&yG(t,e)}(i,t);var e,n,r,o=hG(i);function i(){return fG(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$text"),value:function(){return{value:this.state.value}}},{key:In("$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)}}])&&pG(e.prototype,n),r&&pG(e,r),i}(Ao);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 gG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OG(t,e){return(OG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jG(t);if(e){var o=jG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SG(this,n)}}function SG(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 jG(t){return(jG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var PG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=kG(i);function i(){return gG(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$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:ur("$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:In("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&wG(e.prototype,n),r&&wG(e,r),i}(Ao);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 RG(t){return function(t){if(Array.isArray(t))return CG(t)}(t)||TG(t)||_G(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $G(t,e){return DG(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e)||EG()}function EG(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _G(t,e){if(t){if("string"==typeof t)return CG(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?CG(t,e):void 0}}function CG(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function TG(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function DG(t){if(Array.isArray(t))return t}function AG(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function IG(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?AG(Object(n),!0).forEach((function(e){VG(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):AG(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function LG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function MG(t,e){for(var n=0;n<e.length;n++){var 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(BG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=GG(t);if(e){var o=GG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return FG(this,n)}}function FG(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 GG(t){return(GG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var HG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=zG(i);function i(){return LG(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{TextEditor:bG,NumberRangeEditor:rz,SelectEditor:sL}}},{key:"initState",value:function(){return IG({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=function(t){return DG(t)||TG(t)||_G(t)||EG()}(t.split(" ")),n=e[0],r=e.slice(1);if("linear"===n)var o=$G(r,2),i=o[0],a=o[1];else if("gamma"===n)var c=$G(r,3),u=c[0],s=c[1],l=c[2];return{type:n,values:r,slop:i,intercept:a,amplitude:u,exponent:s,offset:l}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:ur("$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:Do("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(RG(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(IG({},this.parse(t)))}},{key:Do("changeValues"),value:function(t,e){this.updateData(VG({},t,e.split(" ")))}},{key:Do("changeLinear"),value:function(t,e){this.updateData(VG({},t,e))}},{key:Do("changeGamma"),value:function(t,e){this.updateData(VG({},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)}}])&&MG(e.prototype,n),r&&MG(e,r),i}(Ao),XG={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 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){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 UG(t,e){return(UG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function WG(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qG(t);if(e){var o=qG(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ZG(this,n)}}function ZG(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 qG(t){return(qG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var JG=Object.keys(XG).map((function(t){return{title:t,values:XG[t]}})),QG=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&UG(t,e)}(i,t);var e,n,r,o=WG(i);function i(){return NG(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{values:Bt(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:pr("$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: left; \n            ")}}},{key:ur("$sample"),value:function(){return JG.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:jn("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=JG[e];this.updateData({values:Bt(n.values)}),this.load("$body")}},{key:ur("$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:In("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&KG(e.prototype,n),r&&KG(e,r),i}(Ao),tH={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:"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:"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 eH(t){return(eH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nH(t){return function(t){if(Array.isArray(t))return rH(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return rH(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rH(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rH(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function oH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function iH(t,e){for(var n=0;n<e.length;n++){var 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(aH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function cH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=sH(t);if(e){var o=sH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return uH(this,n)}}function uH(t,e){return!e||"object"!==eH(e)&&"function"!=typeof e?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)}var lH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=cH(i);function i(){return oH(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$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:An("$file"),value:function(t){var e=this,n=nH(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:jn("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:Do("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)}}])&&iH(e.prototype,n),r&&iH(e,r),i}(Ao);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yH(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pH(Object(n),!0).forEach((function(e){hH(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pH(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hH(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function dH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,n){return(bH="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=OH(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 mH(t,e){return(mH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function gH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=OH(t);if(e){var o=OH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return wH(this,n)}}function wH(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 OH(t){return(OH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var kH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=gH(i);function i(){return dH(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getBlendList",value:function(){var t=this;return RC.split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("blend.".concat(e)))}))}},{key:"initState",value:function(){return yH(yH({},bH(OH(i.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}])&&vH(e.prototype,n),r&&vH(e,r),i}(sL);function SH(t){return(SH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jH(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return PH(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return PH(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function PH(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function xH(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RH(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xH(Object(n),!0).forEach((function(e){$H(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xH(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 EH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _H(t,e){for(var n=0;n<e.length;n++){var 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(CH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function TH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=AH(t);if(e){var o=AH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return DH(this,n)}}function DH(t,e){return!e||"object"!==SH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AH(t){return(AH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var IH=[{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"}]}],VH=[{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 LH(t){switch(t){case"SpecularLighting":return Wb.specular;case"DiffuseLighting":return Wb.diffuse;case"SourceGraphic":case"SourceAlpha":return Wb.image;case"BackgroundImage":case"BackgroundAlpha":return Wb.outline_image;case"Flood":return Wb.palette;case"Image":return Wb.landscape;case"GaussianBlur":return Wb.blur;case"ColorMatrix":return Wb.blur_linear;case"Turbulence":return Wb.waves;case"Saturate":return Wb.vintage;case"HueRotate":return Wb.looks;case"LuminanceAlpha":return Wb.opacity;case"DropShadow":return Wb.shadow;case"Morphology":return Wb.broken_image;case"ConvolveMatrix":return Wb.camera_roll;case"Offset":return Wb.transform;case"Tile":return Wb.view_comfy;case"Blend":return Wb.gradient;case"Composite":return Wb.merge;case"Merge":return Wb.settings_input_component;case"DisplacementMap":return Wb.texture}return""}function MH(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 BH=[45],zH=[20],FH={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},GH={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(GH).forEach((function(t){GH[t]=GH[t].map((function(t){return t+20}))}));var HH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&CH(t,e)}(i,t);var e,n,r,o=TH(i);function i(){return EH(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BlendSelectEditor:kH,ColorMatrixEditor:QG,InputArrayEditor:PG,NumberRangeEditor:rz,RangeEditor:mL,ColorViewEditor:XL,SelectEditor:sL,TextEditor:bG,FuncFilterEditor:HG,ImageSelectEditor:lH}}},{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(ot(IH,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ot(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(LH(e.value),"</span>\n                  ").concat(t.$i18n(e.label),"\n                </div>\n                ")})),"\n          </div>\n        ")})),"\n    </div>\n    ")}},{key:"makeFilterTemplateSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n  \n      ".concat(ot(VH,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ot(e.items,(function(e){return' <div class=\'item\' draggable="true" value="'.concat(e.value,'">').concat(t.$i18n(e.label),"</div>")})),"\n          </div>\n        ")})),"\n    </div>\n    ")}},{key:"initState",value:function(){return{filters:this.parseFilter(this.props.value||[]),selectedTabIndex:1,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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\'Item\'>\n                <label class=\'icon\'>'.concat(this.$i18n("svg.filter.editor.tab.filter"),'</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Preset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.preset"),'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="Asset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.asset"),'</label>\n              </div>\n            </div>\n            <div class="tab-body">\n              <div class="tab-content selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content" data-value="2">\n                ').concat(this.makeFilterTemplateSelect(),"\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:jn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedTabIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedTabIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedTabIndex:e},!1))}},{key:En("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:Cn("$connectedLinePanel")+ar,value:function(){}},{key:_n("$connectedLinePanel")+ar,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=tH[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return aj[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("blend"===t.inputType)return"\n        <div>\n          <BlendSelectEditor \n            ref='$blend".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ');if("select"===t.inputType){var o=t.options;return X(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(Wb.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(A(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:ur("$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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.map((function(t){return oj.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return oj.parse(RH(RH({},e),{},{type:t}))}},{key:jn("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:jn("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:jn("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:ur("$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:Gn("$graphPanel .filter-node")+or()+ir(),value:function(t){this.$target=t.$dt,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=dn.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=N(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:ur("$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(et({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 Qa,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+BH[0],r=t.bound.y+zH[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+FH[i][0],y:o.it.bound.y+GH[i][c]}]}},{key:ur("$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=MH(e.type);return"\n              <path ".concat(et({class:"connected-line","data-source-type":o,d:t.makeConnectedPath(r)})," />\n\n              ").concat(r.length&&"\n                <circle ".concat(et({"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:jn("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=jH(t.$dt.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=this.$config.get("bodyEvent"),o=dn.create(r.target),i=o.closest("filter-node");if("out"===this.pointType){if(o.hasClass("in")&&(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;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||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:ln.px(n.bound.x),top:ln.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(nt({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(t.$i18n(e.type),"</div>\n          <div class='remove'>").concat(Wb.close,"</div>\n          <div class='preview' data-source-type=\"").concat(MH(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(LH(e.type),"</div>\n          <div class='in-list'>\n            ").concat(W(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(Wb.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:Do("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:Do("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset($H({},t,e)),this.modifyFilter()}},{key:Do("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset($H({},t,e)),this.modifyFilter()}},{key:Do("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset($H({},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:jn("$graphPanel .filter-node .remove"),value:function(t){var e=+t.$dt.closest("filter-node").attr("data-index"),n=this.state.filters[e];this.removeFilter(n.id)}}])&&_H(e.prototype,n),r&&_H(e,r),i}(Ao);function XH(t){return(XH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function NH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KH(t,e){return(KH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function UH(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ZH(t);if(e){var o=ZH(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return WH(this,n)}}function WH(t,e){return!e||"object"!==XH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ZH(t){return(ZH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var qH=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=UH(i);function i(){return YH(this,i),o.apply(this,arguments)}return e=i,(n=[{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:pr("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:ur("$body"),value:function(){var t=this;return Object.keys(Wb).map((function(e){var n=Wb[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:jn("$body .list-view-item"),value:function(t){var e=t.$dt.attr("data-key");t.$dt.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)}}])&&NH(e.prototype,n),r&&NH(e,r),i}(Ao);function JH(t){return(JH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(eX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function nX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=oX(t);if(e){var o=oX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return rX(this,n)}}function rX(t,e){return!e||"object"!==JH(e)&&"function"!=typeof e?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)}var iX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=nX(i);function i(){return QH(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{IconListViewEditor:qH}}},{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:jn("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:Do("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})}}])&&tX(e.prototype,n),r&&tX(e,r),i}(Ao);function aX(t){return(aX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cX(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return uX(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return uX(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function uX(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function sX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function lX(t,e){for(var n=0;n<e.length;n++){var 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(fX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hX(t);if(e){var o=hX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yX(this,n)}}function yX(t,e){return!e||"object"!==aX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hX(t){return(hX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var dX=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],vX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fX(t,e)}(i,t);var e,n,r,o=pX(i);function i(){return sX(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{key:"initState",value:function(){var t=cX(yb.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:Do("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&dX.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:ur("$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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(dX.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:jn("$selector button"),value:function(t){var e=t.$dt.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})}}])&&lX(e.prototype,n),r&&lX(e,r),i}(Ao);function bX(t){return(bX="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 wX(t,e){return(wX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function OX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=SX(t);if(e){var o=SX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return kX(this,n)}}function kX(t,e){return!e||"object"!==bX(e)&&"function"!=typeof e?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)}var jX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=OX(i);function i(){return mX(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"afterRender",value:function(){var t=this;this.colorPicker=wv.create({$editor:this.$editor,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'\n      <div ref="$color"></div>\n    '}},{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)}}])&&gX(e.prototype,n),r&&gX(e,r),i}(Ao);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 xX(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return RX(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return RX(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function RX(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function $X(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function EX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _X(t,e){return(_X=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function CX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=DX(t);if(e){var o=DX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return TX(this,n)}}function TX(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 DX(t){return(DX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var AX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=CX(i);function i(){return $X(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=(this.props.icons||"").split(e).map((function(t){return t.trim()})),o=(this.props.colors||"").split(e).map((function(t){return t.trim()})),i=this.props.value||"";return{keyValueChar:t,label:this.props.label||"",options:n,icons:r,colors:o,value:i}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-icon-editor ".concat(t?"has-label":"","'>\n                ").concat(t?'<label title="'.concat(t,'">').concat(t,"</label>"):"","\n                <div class='items' ref='$options'></div>\n            </div>\n        ")}},{key:jn("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:ur("$options")+er,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e,o=e,i="";if((c=e).includes(t.state.keyValueChar)){var a=xX(c.split(t.state.keyValueChar),2),c=a[0];r=a[1]}var u=c===t.state.value,s=u?"selected":"";if(""===e)r=Wb.close,o="close";else{var l=t.state.icons[n];Wb[l]&&(i="icon"),o=r,r=Wb[l]||r||l||e}var f=t.state.colors[n],p={};return u&&f&&(p["background-color"]=f),"<div class='select-icon-item ".concat(s," ").concat(i,"' style='").concat(Q(p),"' data-value=\"").concat(c,"\" title='").concat(o,"'>").concat(r,"</div>")}))}},{key:jn("$options .select-icon-item"),value:function(t){var e=t.$dt.attr("data-value");this.updateData({value:e}),this.refresh()}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&EX(e.prototype,n),r&&EX(e,r),i}(Ao);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 VX(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function LX(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VX(Object(n),!0).forEach((function(e){MX(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VX(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function MX(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(FX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XX(t);if(e){var o=XX(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HX(this,n)}}function HX(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 XX(t){return(XX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YX=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FX(t,e)}(i,t);var e,n,r,o=GX(i);function i(){return BX(this,i),o.apply(this,arguments)}return e=i,(n=[{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(LX({},t))}},{key:pr("$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:jn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:Do("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(LX({},t))}}])&&zX(e.prototype,n),r&&zX(e,r),i}(Ao);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function UX(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function WX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 qX(t,e){return(qX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JX(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tY(t);if(e){var o=tY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QX(this,n)}}function QX(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 tY(t){return(tY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JX(i);function i(){return WX(this,i),o.apply(this,arguments)}return e=i,(n=[{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]:{};e%2?KX(Object(n),!0).forEach((function(e){UX(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KX(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:pr("$miniView"),value:function(){return{style:{"background-image":this.state.image,"background-size":"cover",color:this.props.color}}}},{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:jn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:Do("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}])&&ZX(e.prototype,n),r&&ZX(e,r),i}(Ao);function nY(t){return(nY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 iY(t,e){return(iY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uY(t);if(e){var o=uY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cY(this,n)}}function cY(t,e){return!e||"object"!==nY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uY(t){return(uY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iY(t,e)}(i,t);var e,n,r,o=aY(i);function i(){return rY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:uC.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:uC.parseImage(t)})}},{key:pr("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:pr("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:pr("$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,n=(t.removable,t.simple);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 ").concat(n?"simple":"","' ref='$colors'></div>\n            </div>\n        ")}},{key:jn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:Do("changeFillSingle"),value:function(t,e){this.updateData({image:uC.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}])&&oY(e.prototype,n),r&&oY(e,r),i}(Ao);function lY(t){return(lY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fY(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 yY(t){return function(t){if(Array.isArray(t))return hY(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return hY(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return hY(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function hY(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function dY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(bY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wY(t);if(e){var o=wY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gY(this,n)}}function gY(t,e){return!e||"object"!==lY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wY(t){return(wY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OY=["static-gradient","linear-gradient","radial-gradient","image-resource"],kY={"image-resource":Wb.photo},SY={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%"}},jY=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],PY=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],xY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=mY(i);function i(){return dY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{InputRangeEditor:SM,RangeEditor:mL,SelectIconEditor:AX,SelectEditor:sL}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:uC.parseImage(this.props.value||"transparent")||I_.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:uC.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(Wb.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Wb.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Wb.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(OY.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(kY[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='").concat(this.$i18n("fill.editor.offset"),"' ref='$range' key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n                <div data-editor='spreadMethod'>\n                  <SelectIconEditor label='").concat(this.$i18n("fill.editor.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(PY.map((function(n){var r=t.$i18n("fill.editor."+n);return"\n                    <div data-editor='".concat(n,"'>\n                      <RangeEditor label='").concat(r,"' 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(L(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:An("$file"),value:function(t){var e=this;this.$selection.currentProject&&yY(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:jn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");SY[e]&&(this.state.image.reset(SY[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 ln.parse(this.getImageFieldValue(this.state.image,t))}},{key:pr("$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:pr("$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:pr("$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:pr("$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:pr("$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:Gn("$pointerDrawArea circle[data-type]")+or("moveDragPointer"),value:function(t){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=t.xy,this.type=t.$dt.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:ln.percent((e-i)/r*100),top:ln.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:jn("$tab .picker-tab-item"),value:function(t){var e=this,n=t.$dt.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={};jY.forEach((function(t){o[t]=e.children["$".concat(t)].getValue()})),this.state.image=uC.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fY(Object(n),!0).forEach((function(e){pY(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fY(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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",this.$i18n("fill.editor.message.click.image")):this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.drag.position"))}},{key:Do("changeKeyValue"),value:function(t,e){this.state.image.reset(pY({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:Do("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:jn("$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:pr("$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:pr("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:pr("$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:ur("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return"\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>')}))}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.children.$range.setValue(ln.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Gn("$stepList .step")+or(),value:function(t){var e=t.$dt.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(ln.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(Fu.toColorString(t.colorsteps),")")}},{key:Do("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:Do("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"}}])&&vY(e.prototype,n),r&&vY(e,r),i}(Ao);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 $Y(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return EY(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return EY(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function EY(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function _Y(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function CY(t,e){for(var n=0;n<e.length;n++){var 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(TY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function DY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=IY(t);if(e){var o=IY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return AY(this,n)}}function AY(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 IY(t){return(IY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var VY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=DY(i);function i(){return _Y(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Wb.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Wb.remove,"</button>\n            </div>\n        ")}},{key:jn("$remove"),value:function(t){this.updateData({value:""})}},{key:jn("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$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(){this.load()}},{key:pr("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:ur("$options"),value:function(){var t=this,e=this.$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=$Y(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",this.$i18n("svgfilter.select.editor.message.create")):"-"===t?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.select")):this.emit("addStatusBarMessage","")}},{key:An("$options"),value:function(){var t=this,e=this.refs.$options.value;"new"==e?this.emit("addSVGFilterAssetItem",(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:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$options")}},{key:Do("openSVGFilterPopup"),value:function(t){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:t,filters:e.filters})}},{key:Do("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}])&&CY(e.prototype,n),r&&CY(e,r),i}(Ao);function LY(t){return(LY="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(zY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function FY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=HY(t);if(e){var o=HY(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return GY(this,n)}}function GY(t,e){return!e||"object"!==LY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HY(t){return(HY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var XY=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zY(t,e)}(i,t);var e,n,r,o=FY(i);function i(){return MY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:ln.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:pr("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:In("$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)}}])&&BY(e.prototype,n),r&&BY(e,r),i}(Ao);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KY(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NY(Object(n),!0).forEach((function(e){UY(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NY(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 WY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qY(t,e){return(qY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JY(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tN(t);if(e){var o=tN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QY(this,n)}}function QY(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 tN(t){return(tN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JY(i);function i(){return WY(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX}}},{key:"getDirectionOptions",value:function(){return this.makeOptionsFunction("row,column,row-reverse,column-reverse")}},{key:"getWrapOptions",value:function(){return this.makeOptionsFunction("nowrap,wrap,wrap-reverse")}},{key:"getJustifyContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around")}},{key:"getAlignItemsOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,baseline,stretch")}},{key:"getAlignContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around,stretch")}},{key:"makeOptionsFunction",value:function(t){var e=this;return t.split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("flex.layout.editor."+t))})).join(",")}},{key:"initState",value:function(){return KY({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(KY({},tt(t)))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(this.getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(this.getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"]||"flex-start",'"\n                    options="').concat(this.getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"]||"flex-start",'"\n                    options="').concat(this.getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"]||"flex-start",'"\n                    options="').concat(this.getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(UY({},t,e),!1),this.modifyData()}}])&&ZY(e.prototype,n),r&&ZY(e,r),i}(Ao);function nN(t){return(nN="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return oN(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return oN(t,e)}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oN(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function iN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cN(t,e){return(cN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lN(t);if(e){var o=lN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sN(this,n)}}function sN(t,e){return!e||"object"!==nN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lN(t){return(lN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fN=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,pN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=uN(i);function i(){return iN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sL,NumberInputEditor:PV,InputRangeEditor:SM}}},{key:"getLayoutItemOptions",value:function(){var t=this;return"none,auto,repeat,length".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("grid.box.editor.".concat(e)))})).join(",")}},{key:"initState",value:function(){return{label:this.props.label,list:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){for(var e=null,n=[];null!==(e=fN.exec(t));){var r=e[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var o=r.split("repeat(")[1].split(")");o.pop();var i=rN(o.join("").split(",")),a=i[0],c=i.slice(1);n.push({type:"repeat",count:a,value:c.join(", ")})}else n.push({type:"length",count:1,value:r})}return n}},{key:"getValue",value:function(){return this.state.list.map((function(t){return"repeat"===t.type?"repeat(".concat(t.count,", ").concat(t.value,")"):"auto"===t.type||"none"===t.type?t.type:t.value})).join(" ")}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(t,e){return"\n            <div class='item' data-repeat-type='".concat(t.type,"' data-index='").concat(e,"' >\n                <div class='repeat'>\n                    <SelectEditor \n                        ref='$").concat(e,"-type' \n                        options=\"").concat(this.getLayoutItemOptions(),'" \n                        key="type" \n                        value="').concat(t.type||"auto",'" \n                        params="').concat(e,"\" \n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='count'>\n                    <NumberInputEditor \n                        ref='$").concat(e,'-count\' \n                        key="count" \n                        value="').concat(t.count,'" \n                        params="').concat(e,"\" \n                        max='1000'\n                        onchange=\"changeKeyValue\" />\n                </div>                \n                <div class='value'>\n                    <InputRangeEditor \n                        ref='$").concat(e,'-value\' \n                        key="value" \n                        value="').concat(t.value,'" \n                        params="').concat(e,"\" \n                        units='auto,fr,px,em,%'\n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Wb.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:ur("$list"),value:function(){var t=this;return this.state.list.map((function(e,n){return t.makeItem(e,n)}))}},{key:"template",value:function(){return"\n            <div class='grid-box-editor' ref='$body' >\n                <div class='grid-box-editor-item'>\n                    <div class='item header'>\n                        <div class='repeat'>\n                            <label>".concat(this.state.label," </label>\n                            <button type='button' ref='$add'>").concat(Wb.add,"</button>\n                        </div>\n                        <div class='count'>").concat(this.$i18n("grid.box.editor.count"),"</div>\n                        <div class='value'>").concat(this.$i18n("grid.box.editor.value"),"</div>\n                        <div class='tools'></div>\n                    </div>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        ")}},{key:jn("$list .remove"),value:function(t){var e=+t.$dt.closest("item").attr("data-index");this.state.list.splice(e,1),this.refresh(),this.modifyData()}},{key:jn("$list .copy"),value:function(t){var e=+t.$dt.closest("item").attr("data-index"),n=clone(this.state.list[e]);this.state.list.splice(e,0,n),this.refresh(),this.modifyData()}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:Do("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:Do("changeKeyValue"),value:function(t,e,n){var r=+n,o=this.state.list[r];o&&("type"===t&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",e),o[t]=e),this.modifyData()}}])&&aN(e.prototype,n),r&&aN(e,r),i}(Ao);function yN(t){return(yN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vN(t,e){return(vN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gN(t);if(e){var o=gN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mN(this,n)}}function mN(t,e){return!e||"object"!==yN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gN(t){return(gN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vN(t,e)}(i,t);var e,n,r,o=bN(i);function i(){return hN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{key:"initState",value:function(){return{label:this.props.label,value:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){return ln.parse(t)}},{key:"getValue",value:function(){return this.state.value}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(){return"\n            <div class='item'>\n                <div class='value'>\n                    <RangeEditor\n                        label='".concat(this.state.label,"' \n                        ref='$value' \n                        key=\"value\" \n                        value=\"").concat(this.state.value,'" \n                        units=\'px,em,%\'\n                        onchange="changeKeyValue" />\n                </div>\n            </div>\n        ')}},{key:ur("$list"),value:function(){return this.makeItem()}},{key:"template",value:function(){return"\n            <div class='grid-gap-editor' ref='$body' >\n                <div class='grid-gap-editor-item'>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}])&&dN(e.prototype,n),r&&dN(e,r),i}(Ao);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 kN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SN(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kN(Object(n),!0).forEach((function(e){jN(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function PN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RN(t,e){return(RN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $N(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_N(t);if(e){var o=_N(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EN(this,n)}}function EN(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 _N(t){return(_N=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var CN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$N(i);function i(){return PN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX,GridBoxEditor:pN,GridGapEditor:wN}}},{key:"initState",value:function(){return SN({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(SN({},tt(t)))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='".concat(this.$i18n("grid.layout.editor.template.columns"),"'\n                    ref='$columnBox'\n                    key='grid-template-columns'\n                    value=\"").concat(this.state["grid-template-columns"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.column.gap"),"'\n                    key='grid-column-gap'\n                    value=\"").concat(this.state["grid-column-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='").concat(this.$i18n("grid.layout.editor.template.rows"),"'\n                    ref='$rowBox'\n                    key='grid-template-rows'\n                    value=\"").concat(this.state["grid-template-rows"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.row.gap"),"'                \n                    key='grid-row-gap'\n                    value=\"").concat(this.state["grid-row-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(jN({},t,e),!1),this.modifyData()}}])&&xN(e.prototype,n),r&&xN(e,r),i}(Ao);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 DN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function AN(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function IN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LN(t,e){return(LN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function MN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zN(t);if(e){var o=zN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return BN(this,n)}}function BN(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 zN(t){return(zN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var FN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=MN(i);function i(){return IN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DN(Object(n),!0).forEach((function(e){AN(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(tt(t))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(AN({},t,e),!1),this.modifyData()}}])&&VN(e.prototype,n),r&&VN(e,r),i}(Ao);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 HN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XN(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function NN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function KN(t,e){return(KN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function UN(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ZN(t);if(e){var o=ZN(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return WN(this,n)}}function WN(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 ZN(t){return(ZN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var qN=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=UN(i);function i(){return YN(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectIconEditor:AX}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HN(Object(n),!0).forEach((function(e){XN(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},tt(this.props.value))}},{key:"setValue",value:function(t){this.setState(tt(t))}},{key:"getValue",value:function(){return Q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:ur("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("grid.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='grid-direction'\n                    value=\"").concat(this.state["grid-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='grid-wrap'\n                    value=\"").concat(this.state["grid-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:Do("changeKeyValue"),value:function(t,e,n){this.setState(XN({},t,e),!1),this.modifyData()}}])&&NN(e.prototype,n),r&&NN(e,r),i}(Ao);function JN(t){return(JN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QN(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tK(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?QN(Object(n),!0).forEach((function(e){eK(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):QN(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 oK(t,e){return(oK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function iK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=cK(t);if(e){var o=cK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return aK(this,n)}}function aK(t,e){return!e||"object"!==JN(e)&&"function"!=typeof e?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)}var uK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oK(t,e)}(i,t);var e,n,r,o=iK(i);function i(){return nK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{index:this.props.index,x:ln.parse(this.props.x),y:ln.parse(this.props.y),width:ln.parse(this.props.width),height:ln.parse(this.props.height),lineWidth:ln.parse(this.props.linewidth),lineHeight:ln.parse(this.props.lineheight),backColor:this.props.backcolor,foreColor:this.props.forecolor,blendMode:this.props.blendmode,type:this.props.type}}},{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(tK({},t))}},{key:pr("$miniView"),value:function(){var t=tK({},this.state);return this.state.width.value>80&&(t.width=ln.px(80),t.x=ln.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=ln.px(80),t.y=ln.px(this.state.y.value/this.state.height.value/80)),{cssText:Af.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='pattern-size-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:jn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:Do("changePatternInfo"),value:function(t){this.updateData(tK({},t))}}])&&rK(e.prototype,n),r&&rK(e,r),i}(Ao),sK=[{key:"check",title:"Check",execute:function(){return[{pattern:"check(20px 20px, 10px 10px, black, transparent)"},{pattern:"check(40px 40px, 20px 20px, black, transparent)"},{pattern:"check(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"check(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"grid",title:"Grid",execute:function(){return[{pattern:"grid(20px 20px, 10px 10px, black, transparent)"},{pattern:"grid(40px 40px, 20px 20px, black, transparent)"},{pattern:"grid(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"grid(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"dot",title:"Dot",execute:function(){return[{pattern:"dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"dot(40px 40px, 20px 20px, #E7393F, #FEF0BC, normal, 2px)"},{pattern:"dot(60px 60px, 30px 30px, #E7393F, black, normal, 3px)"},{pattern:"dot(80px 80px, 40px 40px, #B7C4CD, white, normal, 4px)"}]}},{key:"cross-dot",title:"Cross Dot",execute:function(){return[{pattern:"cross-dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"cross-dot(40px 40px, 20px 20px, #DDB104, #FEF0BC, normal, 4px)"},{pattern:"cross-dot(60px 60px, 30px 30px, #35DB92, #DCF9EC, normal, 6px)"}]}},{key:"diagonal-line",title:"Diagonal Line",execute:function(){return[{pattern:"diagonal-line(10px 10px, 45deg, #B7C4CD, white, normal, 1px)"},{pattern:"diagonal-line(25px 25px, 90deg, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"diagonal-line(50px 50px, 135deg, #35DB92, #DCF9EC, normal, 3px)"}]}},{key:"vertical-line",title:"Vertical Line",execute:function(){return[{pattern:"vertical-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"vertical-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"vertical-line(50px 50px, 0, black, rgba(231,57,63,0.9), normal, 1px)"}]}},{key:"horizontal-line",title:"Horizontal Line",execute:function(){return[{pattern:"horizontal-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"horizontal-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"horizontal-line(50px 50px, 0, #35DB92, #DCF9EC, normal, 3px)"}]}}];function lK(t){return(lK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fK(t){return function(t){if(Array.isArray(t))return pK(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return pK(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return pK(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pK(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function yK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dK(t,e){return(dK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mK(t);if(e){var o=mK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bK(this,n)}}function bK(t,e){return!e||"object"!==lK(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mK(t){return(mK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gK={MediaProgressEditor:IF,BlendSelectEditor:kH,PatternEditor:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vK(i);function i(){return yK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sL,ColorSingleEditor:VL,PatternSizeEditor:uK}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],value:this.props.value,patterns:this.parsePattern(this.props.value)}}},{key:"parsePattern",value:function(t){return Af.parseStyle(t)}},{key:"setValue",value:function(t){this.setState({value:t,patterns:this.parsePattern(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='pattern-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(Wb.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:ur("$patternList"),value:function(){var t=this;return this.state.patterns.map((function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n            <div class='pattern-item ".concat(r,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,"\"  draggable='true'>\n                <PatternSizeEditor ").concat(et({key:"pattern-size",ref:"$bp".concat(n),type:e.type,x:e.x,y:e.y,width:e.width,height:e.height,index:n,foreColor:e.foreColor,backColor:e.backColor,blendMode:e.blendMode,lineWidth:e.lineWidth,lineHeight:e.lineHeight})," onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(Wb.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=Af.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Do("add"),value:function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",n=sK.find((function(t){return t.key===e}));n&&((t=this.state.patterns).push.apply(t,fK(Af.parseStyle(n.execute()[0].pattern))),this.refresh(),this.modifyPattern())}},{key:jn("$add"),value:function(){this.trigger("add")}},{key:En("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$patternList .pattern-item")+ar,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fK(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:_n("$patternList .pattern-item")+ar,value:function(t){var e=+t.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortPattern(this.startIndex,e),this.modifyPattern(),this.refresh()}},{key:"getCurrentPattern",value:function(){return this.state.patterns[this.selectedIndex]}},{key:jn("$patternList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.patterns.splice(e,1),this.modifyPattern(),this.refresh()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?this.refs["fillIndex".concat(t)].addClass("selected"):this.refs["fillIndex".concat(t)].removeClass("selected"),this.state.patterns.forEach((function(e,n){e.selected=n===t}))}},{key:Do("changePatternSizeInfo")+nr(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}])&&hK(e.prototype,n),r&&hK(e,r),i}(Ao),PatternSizeEditor:uK,GridGapEditor:wN,NumberInputEditor:PV,GridLayoutItemEditor:qN,GridBoxEditor:pN,FlexLayoutItemEditor:FN,GridLayoutEditor:CN,FlexLayoutEditor:eN,TextAreaEditor:XY,ColorMatrixEditor:QG,FuncFilterEditor:HG,SVGFilterSelectEditor:VY,FillEditor:xY,FillSingleEditor:sY,BorderEditor:PF,BorderValueEditor:dF,GradientSingleEditor:eY,BackgroundPositionEditor:YX,OffsetPathListEditor:rF,PolygonDataEditor:Kz,PathDataEditor:Bz,StrokeDashArrayEditor:Rz,InputRangeEditor:SM,SelectIconEditor:AX,ImageSelectEditor:lH,EmbedColorPicker:jX,IconListViewEditor:qH,InputArrayEditor:PG,DirectionEditor:vX,SVGClipPathEditor:iX,NumberRangeEditor:rz,TextEditor:bG,SVGFilterEditor:HH,CircleEditor:sG,BackgroundImageEditor:YV,BoxShadowEditor:QV,BorderRadiusEditor:$L,ColorSingleEditor:VL,ColorViewEditor:XL,CubicBezierEditor:tM,FilterEditor:hM,GradientEditor:zM,IterationCountEditor:JM,OffsetEditor:QF,CSSPropertyEditor:HF,PerspectiveOriginEditor:WB,RangeEditor:mL,SelectEditor:sL,TextShadowEditor:gz,TransformEditor:SB,TransformOriginEditor:VB,VarEditor:uB};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 OK(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jK(t,e){return(jK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function PK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=RK(t);if(e){var o=RK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xK(this,n)}}function xK(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 RK(t){return(RK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $K={"segment-move":"modify",modify:"modify",path:"path",transform:"transform"},EK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jK(t,e)}(i,t);var e,n,r,o=PK(i);function i(){return kK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return gK}},{key:Do("refreshSelection"),value:function(){var t=this.$selection.current;t&&(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"]||ln.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||ln.number(1)))}},{key:"template",value:function(){return this.$selection.current,"\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='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(Wb.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Wb.control_point,"</button>\n            <button type=\"button\" data-value='transform' title='").concat(this.$i18n("path.manager.mode.transform"),"' > ").concat(Wb.format_shapes,"</button>\n        </div>\n        <div class='tools' ref='$flip'>\n            <button type=\"button\" data-value='flipX' title='").concat(this.$i18n("path.manager.mode.flipX"),"'>").concat(Wb.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Wb.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Wb.flip,"</button>\n        </div>\n        <div class='tools'>      \n          <div >\n            <FillSingleEditor ref='$fill' simple=\"true\" label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n          </div>\n\n\n          <div >\n            <FillSingleEditor ref='$stroke' simple=\"true\"  label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n          </div>      \n\n          <div >\n            <NumberInputEditor \n              ref='$fillOpacity' \n              label='").concat(this.$i18n("svg.item.property.fillOpacity"),'\' \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          <div >\n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              label=\'').concat(this.$i18n("svg.item.property.strokeWidth"),'\' \n              key="stroke-width" \n              onchange="changeValue" />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:Do("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}),this.emit("setAttribute",{stroke:e},null,!0))}},{key:Do("changeValue"),value:function(t,e,n){this.emit("setAttribute",OK({},t,e),null,!0),this.updateData(OK({},t,e))}},{key:pr("$mode"),value:function(){return{"data-selected-value":$K[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:jn("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:jn("$mode button"),value:function(t){var e=t.$dt.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,t)}},{key:Do("changePathManager"),value:function(t){this.setState({mode:t})}},{key:Do("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),this.emit("change.mode.view","PathEditorView")}},{key:Do("hidePathManager"),value:function(){this.$el.hide()}}])&&SK(e.prototype,n),r&&SK(e,r),i}(Ao);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 CK(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TK(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function DK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 IK(t,e){return(IK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function VK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=MK(t);if(e){var o=MK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return LK(this,n)}}function LK(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 MK(t){return(MK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var BK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=VK(i);function i(){return DK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?CK(Object(n),!0).forEach((function(e){TK(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CK(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},gK)}},{key:Do("refreshSelection"),value:function(){var t=this.$selection.current;t&&(this.children.$stroke.setValue(t.stroke||"rgba(0, 0, 0, 1)"),this.children.$strokeWidth.setValue(t["stroke-width"]||ln.number(1)))}},{key:Do("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}))}},{key:"template",value:function(){return"\n      <div class='draw-manager'>\n        <div class='tools'>   \n          <div >        \n            <label>".concat(this.$i18n("draw.manager.tolerance"),'</label>            \n            <NumberInputEditor \n              ref=\'$tolerance\' \n              key=\'tolerance\' \n              value="1" \n              min="0"\n              max="100"\n              step="0.01"\n              unit="number" \n              onchange="changeValue" \n            />\n          </div>              \n          <div >\n            <label>').concat(this.$i18n("svg.item.property.stroke"),'</label>          \n            <FillSingleEditor ref=\'$stroke\' simple="true" value="').concat(this.state.stroke,'" key=\'stroke\' onchange="changeValue" />\n          </div>                \n\n          <div >\n            <label>').concat(this.$i18n("svg.item.property.strokeWidth"),'</label>          \n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              key="stroke-width" \n              value="').concat(this.state["stroke-width"],'"              \n              onchange="changeValue" />\n          </div>      \n          \n\n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineCap"),'</label>          \n            <SelectEditor\n              ref=\'$strokeLineCap\' \n              key="stroke-linecap" \n              value="').concat(this.state["stroke-linecap"],'"                   \n              options="butt,round,square" \n              onchange="changeValue" \n            />\n          </div> \n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineJoin"),'</label>          \n            <SelectEditor \n              ref=\'$strokeLineJoin\' \n              key="stroke-linejoin" \n              value="').concat(this.state["stroke-linejoin"],'"                                 \n              options="miter,bevel,round" \n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:Do("changeValue"),value:function(t,e,n){this.updateData(TK({},t,e))}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.instance.trigger(this.state.changeEvent,t)}},{key:Do("changePathManager"),value:function(t){this.setState({mode:t})}},{key:Do("showDrawManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changeDrawManager",this.setState(t),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("hidePathManager")}},{key:Do("hideDrawManager"),value:function(){this.$el.hide()}}])&&AK(e.prototype,n),r&&AK(e,r),i}(Ao);function zK(t){return(zK="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 HK(t,e){return(HK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function XK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=NK(t);if(e){var o=NK(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return YK(this,n)}}function YK(t,e){return!e||"object"!==zK(e)&&"function"!=typeof e?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)}var KK=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=XK(i);function i(){return FK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{PathManager:EK,DrawManager:BK}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <PathManager />\n        <DrawManager />\n        <SelectionManager />\n      </div>\n    "}}])&&GK(e.prototype,n),r&&GK(e,r),i}(Ao);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 WK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(qK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JK(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tU(t);if(e){var o=tU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QK(this,n)}}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 tU(t){return(tU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eU=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],nU={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},rU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JK(i);function i(){return WK(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n            <div class='rotate-editor-view'>            \n                <div class='rotate-area' ref='$rotateArea'>\n                    <div class='rotate-container' ref='$rotateContainer'>\n                        <div class='rotate-item rotate-x'></div>\n                        <div class='rotate-item rotate-y'></div>\n                    </div>\n                </div>\n                <div class='direction-area' ref='$directionArea'>\n                    ".concat(eU.map((function(t){return"<div class='direction' data-value='".concat(t,"'></div>")})).join(""),"\n                </div>                \n                <div class='rotate-z' ref='$rotateZ'>\n                    <div class='handle-line'></div>                \n                    <div class='handle icon' ref='$handle'>").concat(Wb.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:jn("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=ln.deg(nU[e]||0);this.$selection.each((function(t){var e=Pi.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.$selection.setRectCache()}},{key:pr("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Pi.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:pr("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Pi.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:Pn("$rotateArea"),value:function(){this.$selection.each((function(t){t.reset({transform:Pi.remove(t.transform,["rotateX","rotateY"])})})),this.bindData("$rotateContainer"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:Gn("$rotateArea")+or("moveRotateXY")+ir("moveEndRotateXY"),value:function(){this.setCacheRotateXY()}},{key:"setCacheRotateXY",value:function(){this.setCacheBaseTrasnform("rotateX","rotateY")}},{key:"moveRotateXY",value:function(t,e){this.modifyRotateXY(t,e),this.bindData("$rotateContainer"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"moveEndRotateXY",value:function(t,e){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{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=ln.deg(-e/this.$editor.scale),o=ln.deg(t/this.$editor.scale);this.$selection.each((function(t,e){n.modifyCacheItem(t,e,ln.deg(0),"rotateX",r),n.modifyCacheItem(t,e,ln.deg(0),"rotateY",o),t.transform=Pi.join(t.transformObj)}))}},{key:Pn("$handle"),value:function(){this.$selection.each((function(t){t.reset({transform:Pi.remove(t.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:Gn("$handle")+or()+ir(),value:function(){this.setCacheRotateZ()}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"end",value:function(){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{key:"modifyRotateZ",value:function(t,e){var n=this,r=this.$config.get("bodyEvent"),o=ln.deg(Math.floor(Ot(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.$selection.each((function(t,e){var i=ln.deg(0);e.rotateZ?i.set(e.rotateZ.value[0].value):e.rotate&&i.set(e.rotate.value[0].value),i.add(o.value),r.altKey&&i.add(-i.value%10),n.setTransformValue(t,"rotateZ",i),t.transform=Pi.join(t.transformObj)}))}},{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:"setCacheBaseTrasnform",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.$selection.each((function(t,n){t.transformObj=Pi.parseStyle(t.transform),n.transformObj=Pi.parseStyle(n.transform),e.forEach((function(t){n[t]=n.transformObj.filter((function(e){return e.type===t}))[0]}))}))}},{key:"setCacheRotateZ",value:function(){var t=this.refs.$handle.rect(),e=this.refs.$rotateZ.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:Do("refreshSelection"),value:function(){this.refresh()}}])&&ZK(e.prototype,n),r&&ZK(e,r),i}(Ao);function oU(t){return(oU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cU(t,e){return(cU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lU(t);if(e){var o=lU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sU(this,n)}}function sU(t,e){return!e||"object"!==oU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lU(t){return(lU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=uU(i);function i(){return iU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{PageTools:DV,ElementView:bV,PageSubEditor:KK,RotateEditorView:rU}}},{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 scrollbar' ref='$lock'>\n            <ElementView ref='$elementView' />\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <PageTools />\n        <RotateEditorView />\n      </div>\n    "}},{key:Nn("$lock")+tr+ar+rr(10),value:function(t){var e=t.deltaY<0?1.1:.9;this.emit("changeScaleValue",this.$editor.scale*e)}}])&&aU(e.prototype,n),r&&aU(e,r),i}(Ao);function pU(t){return(pU="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dU(t,e){return(dU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mU(t);if(e){var o=mU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bU(this,n)}}function bU(t,e){return!e||"object"!==pU(e)&&"function"!=typeof e?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){return(mU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=vU(i);function i(){return yU(this,i),o.apply(this,arguments)}return e=i,(n=[{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:jn(),value:function(t){this.clickButton(t)}}])&&hU(e.prototype,n),r&&hU(e,r),i}(Ao);function wU(t){return(wU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function OU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function SU(t,e){return(SU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xU(t);if(e){var o=xU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return PU(this,n)}}function PU(t,e){return!e||"object"!==wU(e)&&"function"!=typeof e?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){return(xU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var RU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&SU(t,e)}(i,t);var e,n,r,o=jU(i);function i(){return OU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.github.title")}},{key:"clickButton",value:function(t){window.open("https://github.com/easylogic/editor","github-window")}}])&&kU(e.prototype,n),r&&kU(e,r),i}(gU);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 EU(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _U(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function CU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function TU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function DU(t,e){return(DU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function AU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=VU(t);if(e){var o=VU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return IU(this,n)}}function IU(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 VU(t){return(VU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var LU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=AU(i);function i(){return CU(this,i),o.apply(this,arguments)}return e=i,(n=[{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\'>'.concat(this.$i18n("menu.item.codepen.title"),"</div>\n      </button>\n    </form>     \n    ")}},{key:Fn(),value:function(){var t=_c.generate(this.$editor);return this.refs.$codepen.val(JSON.stringify(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?EU(Object(n),!0).forEach((function(e){_U(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):EU(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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}}])&&TU(e.prototype,n),r&&TU(e,r),i}(Ao);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 BU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zU(t,e){for(var n=0;n<e.length;n++){var 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(FU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XU(t);if(e){var o=XU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HU(this,n)}}function HU(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 XU(t){return(XU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FU(t,e)}(i,t);var e,n,r,o=GU(i);function i(){return BU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","rect")}}])&&zU(e.prototype,n),r&&zU(e,r),i}(gU);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 KU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WU(t,e){return(WU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZU(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JU(t);if(e){var o=JU(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qU(this,n)}}function qU(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 JU(t){return(JU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var QU=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WU(t,e)}(i,t);var e,n,r,o=ZU(i);function i(){return KU(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.lens}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","circle")}}])&&UU(e.prototype,n),r&&UU(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(rW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function oW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=aW(t);if(e){var o=aW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return iW(this,n)}}function iW(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 aW(t){return(aW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var cW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=oW(i);function i(){return eW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.left}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.left")}}])&&nW(e.prototype,n),r&&nW(e,r),i}(gU);function uW(t){return(uW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 fW(t,e){return(fW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hW(t);if(e){var o=hW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yW(this,n)}}function yW(t,e){return!e||"object"!==uW(e)&&"function"!=typeof e?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)}var dW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=pW(i);function i(){return sW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.right}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.right")}}])&&lW(e.prototype,n),r&&lW(e,r),i}(gU);function vW(t){return(vW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mW(t,e){for(var n=0;n<e.length;n++){var 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(gW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kW(t);if(e){var o=kW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OW(this,n)}}function OW(t,e){return!e||"object"!==vW(e)&&"function"!=typeof e?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)}var SW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gW(t,e)}(i,t);var e,n,r,o=wW(i);function i(){return bW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.center}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.center")}}])&&mW(e.prototype,n),r&&mW(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RW(t,e){return(RW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $W(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_W(t);if(e){var o=_W(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EW(this,n)}}function EW(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 _W(t){return(_W=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var CW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=$W(i);function i(){return PW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.top}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.top")}}])&&xW(e.prototype,n),r&&xW(e,r),i}(gU);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 DW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 IW(t,e){return(IW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function VW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=MW(t);if(e){var o=MW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return LW(this,n)}}function LW(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 MW(t){return(MW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var BW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=VW(i);function i(){return DW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.bottom}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.bottom")}}])&&AW(e.prototype,n),r&&AW(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(HW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function XW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=NW(t);if(e){var o=NW(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return YW(this,n)}}function YW(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 NW(t){return(NW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var KW=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HW(t,e)}(i,t);var e,n,r,o=XW(i);function i(){return FW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.middle}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.middle")}}])&&GW(e.prototype,n),r&&GW(e,r),i}(gU);function UW(t){return(UW="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZW(t,e){for(var n=0;n<e.length;n++){var 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(qW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function JW(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=tZ(t);if(e){var o=tZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return QW(this,n)}}function QW(t,e){return!e||"object"!==UW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function tZ(t){return(tZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var eZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=JW(i);function i(){return WW(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.same_height}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}])&&ZW(e.prototype,n),r&&ZW(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 iZ(t,e){return(iZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uZ(t);if(e){var o=uZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cZ(this,n)}}function cZ(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 uZ(t){return(uZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iZ(t,e)}(i,t);var e,n,r,o=aZ(i);function i(){return rZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.same_width}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.width")}}])&&oZ(e.prototype,n),r&&oZ(e,r),i}(gU);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yZ(t,e){return(yZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function hZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vZ(t);if(e){var o=vZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dZ(this,n)}}function dZ(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 vZ(t){return(vZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var bZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=hZ(i);function i(){return fZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"copy"}},{key:"getTitle",value:function(){return"Copy"}},{key:"clickButton",value:function(t){this.$selection.copy(),this.emit("refreshAll"),this.emit("refreshSelection")}},{key:Do("refreshSelection"),value:function(){this.$el.hide()}}])&&pZ(e.prototype,n),r&&pZ(e,r),i}(gU);function mZ(t){return(mZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wZ(t,e){for(var n=0;n<e.length;n++){var 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(OZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function kZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jZ(t);if(e){var o=jZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return SZ(this,n)}}function SZ(t,e){return!e||"object"!==mZ(e)&&"function"!=typeof e?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)}var PZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&OZ(t,e)}(i,t);var e,n,r,o=kZ(i);function i(){return gZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","text")}}])&&wZ(e.prototype,n),r&&wZ(e,r),i}(gU);function xZ(t){return(xZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EZ(t,e){return(EZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _Z(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=TZ(t);if(e){var o=TZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return CZ(this,n)}}function CZ(t,e){return!e||"object"!==xZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TZ(t){return(TZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var DZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EZ(t,e)}(i,t);var e,n,r,o=_Z(i);function i(){return RZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.launch}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(t){this.emit("showExportView")}}])&&$Z(e.prototype,n),r&&$Z(e,r),i}(gU);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 IZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 LZ(t,e){return(LZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function MZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zZ(t);if(e){var o=zZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return BZ(this,n)}}function BZ(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 zZ(t){return(zZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var FZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=MZ(i);function i(){return IZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.note}},{key:"getTitle",value:function(){return this.$i18n("menu.item.learn.title")}},{key:"clickButton",value:function(t){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}])&&VZ(e.prototype,n),r&&VZ(e,r),i}(gU);function GZ(t){return(GZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function XZ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YZ(t,e){return(YZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function NZ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=UZ(t);if(e){var o=UZ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return KZ(this,n)}}function KZ(t,e){return!e||"object"!==GZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UZ(t){return(UZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var WZ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=NZ(i);function i(){return HZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.cube}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cube")}}])&&XZ(e.prototype,n),r&&XZ(e,r),i}(gU);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 qZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function JZ(t,e){for(var n=0;n<e.length;n++){var 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(QZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=nq(t);if(e){var o=nq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eq(this,n)}}function eq(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 nq(t){return(nq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var rq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=tq(i);function i(){return qZ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.photo}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addComponentType","image")}}])&&JZ(e.prototype,n),r&&JZ(e,r),i}(gU);function oq(t){return(oq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cq(t,e){return(cq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function uq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=lq(t);if(e){var o=lq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return sq(this,n)}}function sq(t,e){return!e||"object"!==oq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function lq(t){return(lq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var fq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cq(t,e)}(i,t);var e,n,r,o=uq(i);function i(){return iq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.pentool}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(t){this.emit("addPath")}}])&&aq(e.prototype,n),r&&aq(e,r),i}(gU);function pq(t){return(pq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dq(t,e){return(dq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function vq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=mq(t);if(e){var o=mq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return bq(this,n)}}function bq(t,e){return!e||"object"!==pq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function mq(t){return(mq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var gq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dq(t,e)}(i,t);var e,n,r,o=vq(i);function i(){return yq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.storage}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){this.emit("saveJSON")}}])&&hq(e.prototype,n),r&&hq(e,r),i}(gU);function wq(t){return(wq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Oq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Sq(t,e){return(Sq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function jq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=xq(t);if(e){var o=xq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Pq(this,n)}}function Pq(t,e){return!e||"object"!==wq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xq(t){return(xq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Rq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Sq(t,e)}(i,t);var e,n,r,o=jq(i);function i(){return Oq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.archive}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(t){this.emit("downloadJSON")}}])&&kq(e.prototype,n),r&&kq(e,r),i}(gU);function $q(t){return($q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Eq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _q(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Cq(t,e){return(Cq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Tq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Aq(t);if(e){var o=Aq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Dq(this,n)}}function Dq(t,e){return!e||"object"!==$q(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Aq(t){return(Aq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Iq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Cq(t,e)}(i,t);var e,n,r,o=Tq(i);function i(){return Eq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.near_me}},{key:"getIcon",value:function(){return"flipY"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(t){this.emit("selectItem")}}])&&_q(e.prototype,n),r&&_q(e,r),i}(gU);function Vq(t){return(Vq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Lq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Bq(t,e){return(Bq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function zq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Gq(t);if(e){var o=Gq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Fq(this,n)}}function Fq(t,e){return!e||"object"!==Vq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Gq(t){return(Gq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Hq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Bq(t,e)}(i,t);var e,n,r,o=zq(i);function i(){return Lq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.outline_rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-rect")}}])&&Mq(e.prototype,n),r&&Mq(e,r),i}(gU);function Xq(t){return(Xq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Yq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Nq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Kq(t,e){return(Kq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Uq(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Zq(t);if(e){var o=Zq(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Wq(this,n)}}function Wq(t,e){return!e||"object"!==Xq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Zq(t){return(Zq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var qq=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kq(t,e)}(i,t);var e,n,r,o=Uq(i);function i(){return Yq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.outline_circle}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-circle")}}])&&Nq(e.prototype,n),r&&Nq(e,r),i}(gU);function Jq(t){return(Jq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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(eJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function nJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=oJ(t);if(e){var o=oJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return rJ(this,n)}}function rJ(t,e){return!e||"object"!==Jq(e)&&"function"!=typeof e?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)}var iJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=nJ(i);function i(){return Qq(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.fullscreen}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}])&&tJ(e.prototype,n),r&&tJ(e,r),i}(gU);function aJ(t){return(aJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sJ(t,e){return(sJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function lJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=pJ(t);if(e){var o=pJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fJ(this,n)}}function fJ(t,e){return!e||"object"!==aJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function pJ(t){return(pJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var yJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=lJ(i);function i(){return cJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.text_rotate}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-textpath")}}])&&uJ(e.prototype,n),r&&uJ(e,r),i}(gU);function hJ(t){return(hJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bJ(t,e){return(bJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function mJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=wJ(t);if(e){var o=wJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gJ(this,n)}}function gJ(t,e){return!e||"object"!==hJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wJ(t){return(wJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var OJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bJ(t,e)}(i,t);var e,n,r,o=mJ(i);function i(){return dJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.cylinder}},{key:"getTitle",value:function(){return this.props.title||"Cylinder"}},{key:"getClassName",value:function(){return"cylinder"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cylinder")}}])&&vJ(e.prototype,n),r&&vJ(e,r),i}(gU);function kJ(t){return(kJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function SJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PJ(t,e){return(PJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function xJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=$J(t);if(e){var o=$J(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return RJ(this,n)}}function RJ(t,e){return!e||"object"!==kJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $J(t){return($J=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var EJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=xJ(i);function i(){return SJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svgtext")}}])&&jJ(e.prototype,n),r&&jJ(e,r),i}(gU);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 CJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 DJ(t,e){return(DJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function AJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=VJ(t);if(e){var o=VJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return IJ(this,n)}}function IJ(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 VJ(t){return(VJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var LJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DJ(t,e)}(i,t);var e,n,r,o=AJ(i);function i(){return CJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(t){this.emit("showLoginWindow")}}])&&TJ(e.prototype,n),r&&TJ(e,r),i}(gU);function MJ(t){return(MJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FJ(t,e){return(FJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function GJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=XJ(t);if(e){var o=XJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return HJ(this,n)}}function HJ(t,e){return!e||"object"!==MJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function XJ(t){return(XJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var YJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=GJ(i);function i(){return BJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(t){this.emit("showSignWindow")}}])&&zJ(e.prototype,n),r&&zJ(e,r),i}(gU);function NJ(t){return(NJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UJ(t,e){for(var n=0;n<e.length;n++){var 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){return(WJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ZJ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=JJ(t);if(e){var o=JJ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return qJ(this,n)}}function qJ(t,e){return!e||"object"!==NJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JJ(t){return(JJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var QJ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WJ(t,e)}(i,t);var e,n,r,o=ZJ(i);function i(){return KJ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.artboard}},{key:"getTitle",value:function(){return this.props.title||"Artboard"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addArtBoard")}}])&&UJ(e.prototype,n),r&&UJ(e,r),i}(gU);function tQ(t){return(tQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function rQ(t,e){return(rQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function oQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=aQ(t);if(e){var o=aQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return iQ(this,n)}}function iQ(t,e){return!e||"object"!==tQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aQ(t){return(aQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var cQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rQ(t,e)}(i,t);var e,n,r,o=oQ(i);function i(){return eQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.edit}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addDrawPath")}}])&&nQ(e.prototype,n),r&&nQ(e,r),i}(gU);function uQ(t){return(uQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function sQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function lQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fQ(t,e){return(fQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function pQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=hQ(t);if(e){var o=hQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yQ(this,n)}}function yQ(t,e){return!e||"object"!==uQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hQ(t){return(hQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var dQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&fQ(t,e)}(i,t);var e,n,r,o=pQ(i);function i(){return sQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.brush}},{key:"getTitle",value:function(){return this.props.title||"draw a brush"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addDrawBrush")}}])&&lQ(e.prototype,n),r&&lQ(e,r),i}(gU);function vQ(t){return(vQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gQ(t,e){return(gQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function wQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=kQ(t);if(e){var o=kQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return OQ(this,n)}}function OQ(t,e){return!e||"object"!==vQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kQ(t){return(kQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var SQ={AddVideo:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gQ(t,e)}(i,t);var e,n,r,o=wQ(i);function i(){return bQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getIconString",value:function(){return Wb.video}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addComponentType","video")}}])&&mQ(e.prototype,n),r&&mQ(e,r),i}(gU),AddDrawBrush:dQ,AddDrawPath:cQ,AddArtboard:QJ,SignButton:YJ,LoginButton:LJ,AddSVGText:EJ,AddCylinder:OJ,AddSVGTextPath:yJ,Fullscreen:iJ,AddSVGCircle:qq,AddSVGRect:Hq,SelectTool:Iq,Download:Rq,Save:gq,AddCube:WZ,AddImage:rq,AddPath:fq,Manual:FZ,ExportView:DZ,AddText:PZ,CopyItem:bZ,SameHeight:eZ,SameWidth:sZ,TopAlign:CW,BottomAlign:BW,MiddleAlign:KW,CenterAlign:SW,RightAlign:dW,LeftAlign:cW,AddCircle:QU,AddRect:YU,ExportCodePen:LU,Github:RU};function jQ(t){return(jQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RQ(t,e){return(RQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $Q(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_Q(t);if(e){var o=_Q(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return EQ(this,n)}}function EQ(t,e){return!e||"object"!==jQ(e)&&"function"!=typeof e?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)}var CQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&RQ(t,e)}(i,t);var e,n,r,o=$Q(i);function i(){return PQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items'>\n            <SelectTool />\n            <AddRect />\n            <AddCircle />         \n            <AddText />\n            <AddImage />\n            <AddVideo />\n            <div class='divider'></div>\n            <AddDrawPath />\n            <AddPath />\n            <AddSVGRect />\n            <AddSVGCircle />            \n            <AddSVGText />\n            <AddSVGTextPath />\n            <AddPolygon />\n          </div>\n        </div>\n\n      </div>\n    "}},{key:Do("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:jn("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}])&&xQ(e.prototype,n),r&&xQ(e,r),i}(Ao);function TQ(t){return(TQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function AQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function IQ(t,e){return(IQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function VQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=MQ(t);if(e){var o=MQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return LQ(this,n)}}function LQ(t,e){return!e||"object"!==TQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function MQ(t){return(MQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var BQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IQ(t,e)}(i,t);var e,n,r,o=VQ(i);function i(){return DQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return gK}},{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='property ".concat(this.isHideHeader()?"no-title":""," ").concat(this.getClassName()," ").concat(this.isFirstShow()?"show":"","'>\n            ").concat(this.isHideHeader()?"":"\n            <div class='property-title ".concat(this.getTitleClassName(),'\' ref="$title">\n                <label class="').concat(this.hasKeyframe()?"has-keyframe":"",'"> \n                  ').concat(this.hasKeyframe()?"\n                      <span class='add-timeline-property' data-property='".concat(this.getKeyframeProperty(),"'></span>\n                    "):""," \n                  <span ref='$propertyTitle'>").concat(this.getTitle(),"</span>\n                  <span class='icon'>").concat(Wb.chevron_right,'</span>\n                </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:"getTitleClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:jn("$title label"),value:function(t){var e=t.$dt.parent(),n=dn.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:jn("$title .icon"),value:function(t){t.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:jn("$el .property-body .add-timeline-property")+ar+cr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:jn("$el .property-title .add-timeline-property")+ar+cr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{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=this.$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=this.$selection.current;n&&(X(t)&&t()||!X(t)&&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()}}}])&&AQ(e.prototype,n),r&&AQ(e,r),i}(Ao);function zQ(t){return(zQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function GQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HQ(t,e){return(HQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function XQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=NQ(t);if(e){var o=NQ(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return YQ(this,n)}}function YQ(t,e){return!e||"object"!==zQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NQ(t){return(NQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var KQ=["visible","hidden","scroll","auto"],UQ=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&HQ(t,e)}(i,t);var e,n,r,o=XQ(i);function i(){return FQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return KQ.map((function(e){return"".concat(e,":").concat(t.$i18n("background.color.property.overflow.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$zIndex' \n            key='z-index' \n            label='".concat(this.$i18n("background.color.property.zindex"),"'\n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeSelect\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='opacity'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$opacity' \n            key='opacity' \n            label='").concat(this.$i18n("background.color.property.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          <div class='group'>\n            <span class='add-timeline-property' data-property='mix-blend-mode'></span>\n          </div>\n          <BlendSelectEditor \n            label='").concat(this.$i18n("background.color.property.blend"),"'\n            ref='$mixBlend' \n            removable='true'\n            key='mix-blend-mode' \n            icon=\"true\" \n            tabIndex=\"1\"\n            onchange=\"changeSelect\" />\n        </div>        \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='overflow'></span>\n          </div>\n          <SelectEditor \n            label='").concat(this.$i18n("background.color.property.overflow"),"'\n            ref='$overflow' \n            removable='true'\n            key='overflow' \n            icon=\"true\" \n            tabIndex=\"1\"\n            options=\"").concat(this.getOverflowList(),'" \n            onchange="changeSelect" />\n        </div>                \n      ')}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$zIndex.setValue(t["z-index"]||0),this.children.$opacity.setValue(t.opacity||"1"),this.children.$mixBlend.setValue(t["mix-blend-mode"]),this.children.$overflow.setValue(t.overflow))}},{key:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project"])}}])&&GQ(e.prototype,n),r&&GQ(e,r),i}(BQ);function WQ(t){return(WQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JQ(t,e){return(JQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function QQ(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=e0(t);if(e){var o=e0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return t0(this,n)}}function t0(t,e){return!e||"object"!==WQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function e0(t){return(e0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var n0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JQ(t,e)}(i,t);var e,n,r,o=QQ(i);function i(){return ZQ(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{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:ur("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <BorderRadiusEditor ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Do("changeBorderRadius"),value:function(t){console.log(t),this.emit("setAttribute",{"border-radius":t})}}])&&qQ(e.prototype,n),r&&qQ(e,r),i}(BQ);function r0(t){return(r0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function a0(t,e){return(a0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l0(t);if(e){var o=l0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s0(this,n)}}function s0(t,e){return!e||"object"!==r0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l0(t){return(l0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&a0(t,e)}(i,t);var e,n,r,o=c0(i);function i(){return o0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"isHideHeader",value:function(){return!0}},{key:"getTitle",value:function(){return this.$i18n("size.property.title")}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot("project")}},{key:Do("refreshRect")+rr(100),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:"getBody",value:function(){return"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; padding-top: 10px;'>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='width'></span>\n          </div>\n          <InputRangeEditor ref='$width' key='width' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='height'></span>      \n          </div>\n          <InputRangeEditor ref='$height' key='height' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>      \n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>".concat(this.$i18n("size.property.width"),"</span>\n        <span>").concat(this.$i18n("size.property.height"),"</span>\n      </div>\n    ")}},{key:Do("changRangeEditor"),value:function(t,e){this.$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("resetSelection")}}])&&i0(e.prototype,n),r&&i0(e,r),i}(BQ);function p0(t){return(p0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function b0(t,e){return(b0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=w0(t);if(e){var o=w0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return g0(this,n)}}function g0(t,e){return!e||"object"!==p0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w0(t){return(w0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var O0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b0(t,e)}(i,t);var e,n,r,o=m0(i);function i(){return h0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{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:ur("$shadowList"),value:function(){var t=this.$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(Wb.add,"</button>")}},{key:jn("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:Do("changeBoxShadow"),value:function(t){this.emit("setAttribute",{"box-shadow":t})}}])&&d0(e.prototype,n),r&&d0(e,r),i}(BQ);function k0(t){return(k0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function P0(t,e){return(P0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function R0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=E0(t);if(e){var o=E0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $0(this,n)}}function $0(t,e){return!e||"object"!==k0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E0(t){return(E0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _0(t){return function(t){if(Array.isArray(t))return C0(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return C0(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return C0(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C0(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var T0=[];["margin","padding"].forEach((function(t){T0.push.apply(T0,_0(["-top","-bottom","-left","-right"].map((function(e){return t+e}))))}));var D0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&P0(t,e)}(i,t);var e,n,r,o=R0(i);function i(){return S0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["artboard","rect","circle","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]||ln.px(0);return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:ur("$boxModelItem"),value:function(){var t=this.$selection.current;return t?'\n      <div>\n        <div class="margin" data-title="'.concat(this.$i18n("box.model.property.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" data-title="').concat(this.$i18n("box.model.property.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 class='content' title='Content'>\n        \n        </div>\n      </div>\n    "):""}},{key:In("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};T0.forEach((function(n){e[n]=ln.px(t.getRef("$",n).value)})),this.emit("setAttribute",e)}}])&&j0(e.prototype,n),r&&j0(e,r),i}(BQ);function A0(t){return(A0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function I0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function V0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function L0(t,e){return(L0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function M0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=z0(t);if(e){var o=z0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return B0(this,n)}}function B0(t,e){return!e||"object"!==A0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function z0(t){return(z0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var F0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&L0(t,e)}(i,t);var e,n,r,o=M0(i);function i(){return I0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Content"}},{key:Do("refreshSelection","refreshContent")+nr(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:pr("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:In("$contentItem"),value:function(t){this.setContent()}},{key:"setContent",value:function(){var t=this.$selection.current;if(t){var e={content:this.refs.$contentItem.value};t.reset(e),this.emit("refreshCanvasForPartial",t)}}}])&&V0(e.prototype,n),r&&V0(e,r),i}(BQ);function G0(t){return(G0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function H0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function X0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Y0(t,e){return(Y0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function N0(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=U0(t);if(e){var o=U0(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return K0(this,n)}}function K0(t,e){return!e||"object"!==G0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function U0(t){return(U0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var W0=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y0(t,e)}(i,t);var e,n,r,o=N0(i);function i(){return H0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label='".concat(this.$i18n("font.property.color"),"' key='color' onchange=\"changeColor\" />\n      </div>      \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$size' \n          label='").concat(this.$i18n("font.property.size"),"' \n          key=\"font-size\" \n          \n          onchange=\"changeRangeEditor\" />\n      </div>\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-stretch'></span>\n        </div>\n        <RangeEditor \n          ref='$stretch' \n          label='").concat(this.$i18n("font.property.stretch"),"' \n          key=\"font-stretch\" \n          \n          units='%',\n          onchange=\"changeRangeEditor\" />\n      </div>      \n \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$weightRange' \n          label='").concat(this.$i18n("font.property.weight"),'\' \n          key=\'font-weight\' \n         \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=\'').concat(this.$i18n("font.property.style"),"' \n          key=\"font-style\" \n          options=\"normal:I,italic\" \n          icons='I,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          options=",serif,sans-serif,monospace,cursive,fantasy,system-ui" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:Do("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:Do("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&X0(e.prototype,n),r&&X0(e,r),i}(BQ);function Z0(t){return(Z0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function q0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function J0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Q0(t,e){return(Q0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function t1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=n1(t);if(e){var o=n1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return e1(this,n)}}function e1(t,e){return!e||"object"!==Z0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n1(t){return(n1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var r1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Q0(t,e)}(i,t);var e,n,r,o=t1(i);function i(){return q0(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{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(Wb.add,"</button>")}},{key:jn("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:ur("$shadowList"),value:function(){var t=this.$selection.current||{};return"\n      <TextShadowEditor ref='$textshadow' value=\"".concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    ')}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["text"])}},{key:Do("changeTextShadow"),value:function(t){this.emit("setAttribute",{"text-shadow":t})}}])&&J0(e.prototype,n),r&&J0(e,r),i}(BQ);function o1(t){return(o1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c1(t,e){return(c1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f1(t);if(e){var o=f1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l1(this,n)}}function l1(t,e){return!e||"object"!==o1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f1(t){return(f1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c1(t,e)}(i,t);var e,n,r,o=s1(i);function i(){return i1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath","svg-tspan"])}},{key:"refresh",value:function(){var t=this.$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='".concat(this.$i18n("text.property.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='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:A,lowercase:a,capitalize:Aa\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$decoration' \n          label='").concat(this.$i18n("text.property.decoration"),"' \n          key='text-decoration' \n          options=\"none,underline,overline:O,line-through\" \n          icons=\"A,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:Do("changeTextValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&a1(e.prototype,n),r&&a1(e,r),i}(BQ);function h1(t){return(h1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m1(t,e){return(m1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function g1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=O1(t);if(e){var o=O1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return w1(this,n)}}function w1(t,e){return!e||"object"!==h1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function O1(t){return(O1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var k1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m1(t,e)}(i,t);var e,n,r,o=g1(i);function i(){return d1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||ln.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 animation-property-item'>\n      <div class='group'>\n        <span class='add-timeline-property' data-property='line-height'></span>\n      </div>\n      <RangeEditor \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),"' \n        key=\"line-height\" \n        units=\",px,%,em\"\n        onchange=\"changeRangeEditor\" />\n    </div>       \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='letter-spacing'></span>\n        </div>\n        <RangeEditor ref='$letter' label='").concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='word-spacing'></span>\n        </div>\n        <RangeEditor ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-indent'></span>\n        </div>      \n        <RangeEditor ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:Do("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=ln.number(e.value)),this.emit("setAttribute",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))}}])&&b1(e.prototype,n),r&&b1(e,r),i}(BQ);function S1(t){return(S1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function j1(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function P1(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?j1(Object(n),!0).forEach((function(e){R1(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):j1(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function R1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $1(t){return function(t){if(Array.isArray(t))return E1(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return E1(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E1(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E1(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function _1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T1(t,e){return(T1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I1(t);if(e){var o=I1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A1(this,n)}}function A1(t,e){return!e||"object"!==S1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I1(t){return(I1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V1=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],L1=V1.map((function(t){return t.key})),M1={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Wb.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Wb.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Wb.repeat," Conic")},B1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T1(t,e)}(i,t);var e,n,r,o=D1(i);function i(){return _1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Border Image"}},{key:Do("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var t=(this.$selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(t?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:jn("$apply"),value:function(){var t=this.$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:ur("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?M1[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:Do("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&L1.forEach((function(t){n.children["$".concat(t,"Slice")].setValue(e)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){return this.$selection.current,'\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(Wb.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Wb.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(V1.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:An("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:jn("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:jn("$borderImageView .colorsteps .step"),value:function(t){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var e=t.$dt.attr("data-colorstep-id");t.$dt.attr("data-selected",!0);var n=t.$dt.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=$1(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||un.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=un.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",P1(P1({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage)),{},{selectColorStepId:e,refresh:!0}))}},{key:"viewChangeImage",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(M1.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty())}}},{key:"setImage",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setImageUrl(t),this.viewChangeImage(t),this.emit("refreshElement",e))}},{key:"viewChangeGradient",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(M1[t.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(t.colorsteps)))}}},{key:"setGradient",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setGradient(t),this.viewChangeGradient(t),this.emit("refreshElement",e))}},{key:Do("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=this.$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 L1.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:jn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}])&&C1(e.prototype,n),r&&C1(e,r),i}(BQ);function z1(t){return(z1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function F1(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function G1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function H1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function X1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Y1(t,e){return(Y1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function N1(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=U1(t);if(e){var o=U1(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return K1(this,n)}}function K1(t,e){return!e||"object"!==z1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function U1(t){return(U1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var W1=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y1(t,e)}(i,t);var e,n,r,o=N1(i);function i(){return H1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{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(Wb.add,"</button>\n    ")}},{key:ur("$animationList"),value:function(){var t=this,e=this.$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; ".concat(t.$i18n("animation.property.select a keyframe")," &gt;"),"\n              </div>\n              <div class='labels'>\n                <label class='count' title='").concat(t.$i18n("animation.property.iteration.count"),"'><small>").concat(e.iterationCount,"</small></label>\n                <label class='delay' title='").concat(t.$i18n("animation.property.delay"),"'><small>").concat(e.delay,"</small></label>\n                <label class='duration' title='").concat(t.$i18n("animation.property.duration"),"'><small>").concat(e.duration,"</small></label>\n                <label class='direction' title='").concat(t.$i18n("animation.property.direction"),"'><small>").concat(e.direction,"</small></label>\n                <label class='fill-mode' title='").concat(t.$i18n("animation.property.fill.mode"),"'><small>").concat(e.fillMode,"</small></label>\n                <label class='play-state' title='").concat(t.$i18n("animation.property.play.state"),"' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(e.playState,"\">\n                  <small data-play-state-value='running'>").concat(Wb.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Wb.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Wb.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=ux(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:Do("refreshSelection")+nr(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=this.$selection.current;e&&e.animations.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:jn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createAnimation({name:null}),this.emit("refreshElement",e)),this.refresh(),this.emit("refreshInspector")}},{key:En("$animationList .animation-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$animationList .animation-item")+ar,value:function(t){}},{key:_n("$animationList .animation-item")+ar,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:jn("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeAnimation(e),this.emit("refreshElement",n),this.refresh())}},{key:jn("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.animations[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentAnimation=this.current.animations[this.selectedIndex],this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(t){if(this.current=this.$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:jn("$animationList .preview"),value:function(t){this.viewAnimationPicker(t.$dt)}},{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 e.repeat?(n=this.getRef("repeat",this.selectedIndex)).text(e.repeat):e.timingFunction&&this.drawBezierCanvas(this.getRef("$itemCanvas",this.selectedIndex),e.timingFunction)}},{key:Do("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]:{};e%2?F1(Object(n),!0).forEach((function(e){G1(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):F1(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&X1(e.prototype,n),r&&X1(e,r),i}(BQ);function Z1(t){return(Z1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function q1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function J1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Q1(t,e){return(Q1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function t2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=n2(t);if(e){var o=n2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return e2(this,n)}}function e2(t,e){return!e||"object"!==Z1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n2(t){return(n2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var r2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Q1(t,e)}(i,t);var e,n,r,o=t2(i);function i(){return q1(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{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(Wb.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(Wb.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Wb.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Wb.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:jn("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(t){var e=t.$dt.closest("keyframe-item"),n=+e.attr("data-index"),r=t.$dt.attr("data-type"),o=this.$selection.currentProject;if(o){var i=o.keyframes[n];i&&i.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:jn("$keyframeList .keyframe-item .offset-list"),value:function(t){var e=+t.$dt.closest("keyframe-item").attr("data-index");this.$selection.currentProject&&this.viewKeyframePicker(e)}},{key:jn("$keyframeList .del")+ar,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.currentProject;n&&(n.removeKeyframe(e),this.emit("refreshProject",n),this.refresh())}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot("project")}},{key:ur("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Lj.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:jn("$add"),value:function(){var t=this.$selection.currentProject;t?(t.createKeyframe(),this.refresh(),this.emit("refreshProject",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=this.$selection.currentProject,this.current&&(this.currentKeyframe=this.current.keyframes[this.selectedIndex],this.viewKeyframePropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:Do("changeKeyframePopup"),value:function(t){var e=this.$selection.currentProject;e&&(this.currentKeyframe=e.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(t),this.refresh(),this.emit("refreshProject",e))}}])&&J1(e.prototype,n),r&&J1(e,r),i}(BQ);function o2(t){return(o2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function a2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s2(t,e){return(s2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p2(t);if(e){var o=p2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return f2(this,n)}}function f2(t,e){return!e||"object"!==o2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p2(t){return(p2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var h2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s2(t,e)}(i,t);var e,n,r,o=l2(i);function i(){return a2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='background-color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),'" key=\'background-color\' onchange="changeColor" />\n      </div>            \n    ')}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Wb.add,"</button>")}},{key:jn("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:ur("$property"),value:function(){var t=(this.$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:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load();var t=this.$selection.current;t&&this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)")}},{key:Do("changeColor"),value:function(t,e){this.emit("setAttribute",i2({},t,e))}},{key:Do("changeBackgroundImage")+nr(10),value:function(t,e){this.emit("setAttribute",i2({},t,e))}}])&&c2(e.prototype,n),r&&c2(e,r),i}(BQ);function d2(t){return(d2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b2(t){return function(t){if(Array.isArray(t))return m2(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return m2(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m2(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m2(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function w2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O2(t,e){return(O2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function k2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=j2(t);if(e){var o=j2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return S2(this,n)}}function S2(t,e){return!e||"object"!==d2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j2(t){return(j2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var P2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O2(t,e)}(i,t);var e,n,r,o=k2(i);function i(){return g2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"filter"}},{key:"getTitleClassName",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(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:ur("$filterSelect"),value:function(){var t=this,e=PC.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(b2(e),[{title:"-------",value:""}],b2(n)):b2(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){var e=t.id;return{title:"svg - #".concat(e),value:e}}))),e}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).filter;return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:Do("changeFilterEditor"),value:function(t){this.emit("setAttribute",{filter:t})}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$filterSelect")}}])&&w2(e.prototype,n),r&&w2(e,r),i}(BQ);function R2(t){return(R2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $2(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return E2(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E2(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E2(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function _2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T2(t,e){return(T2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I2(t);if(e){var o=I2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A2(this,n)}}function A2(t,e){return!e||"object"!==R2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I2(t){return(I2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T2(t,e)}(i,t);var e,n,r,o=D2(i);function i(){return _2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:Do("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+nr(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){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.split(";").filter((function(t){return t.trim()})).map((function(t){var n=$2((t=t.trim()).split(":"),2),r=n[0],o=n[1];return"".concat(e,"<strong>").concat(r,"</strong>:").concat(o,";\n")})).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n").trim()}},{key:ur("$body"),value:function(){var t=this,e=this.$selection.currentProject,n=e?e.toKeyframeString():"",r=e?Q(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=this.$selection.current,a=i?rt(i.toExport()):"",c=i?i.toNestedCSS().map((function(e){var n=e.cssText?e.cssText:Q(e.css);return"".concat(e.selector," { \n").concat(t.filterKeyName(rt(n),"&nbsp;&nbsp;"),"\n}")})):[],u=i?rt(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='".concat(this.$i18n("code.view.property.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    ")}}])&&C2(e.prototype,n),r&&C2(e,r),i}(BQ);function L2(t){return(L2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M2(t){return function(t){if(Array.isArray(t))return B2(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return B2(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return B2(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B2(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function z2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G2(t,e){return(G2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function H2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Y2(t);if(e){var o=Y2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return X2(this,n)}}function X2(t,e){return!e||"object"!==L2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Y2(t){return(Y2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var N2=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G2(t,e)}(i,t);var e,n,r,o=H2(i);function i(){return z2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{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(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:ur("$filterSelect"),value:function(){var t=this,e=PC.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(M2(e),[{title:"-------",value:""}],M2(n)):M2(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){return{title:"svg - #".concat(t.id),value:t.id}}))),e}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:Do("changeFilterEditor"),value:function(t){this.emit("setAttribute",{"backdrop-filter":t})}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}])&&F2(e.prototype,n),r&&F2(e,r),i}(BQ);function K2(t){return(K2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function U2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function W2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Z2(t,e){return(Z2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function q2(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Q2(t);if(e){var o=Q2(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return J2(this,n)}}function J2(t,e){return!e||"object"!==K2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Q2(t){return(Q2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var t4=["rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],e4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Z2(t,e)}(i,t);var e,n,r,o=q2(i);function i(){return U2(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{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(){var t=this;return'\n      <select ref="$transformSelect">\n      '.concat(t4.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).transform;return"\n      <TransformEditor ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:Do("changeTransformEditor"),value:function(t){this.emit("setAttribute",{transform:function(e){return Pi.replaceAll(e.transform,t)}})}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("refreshSelectionStyleView","refreshStyleView","refreshRect")+nr(100),value:function(){this.refresh()}}])&&W2(e.prototype,n),r&&W2(e,r),i}(BQ);function n4(t){return(n4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i4(t,e){return(i4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function a4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u4(t);if(e){var o=u4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c4(this,n)}}function c4(t,e){return!e||"object"!==n4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u4(t){return(u4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var s4=["circle","ellipse","inset","polygon","path","svg"],l4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i4(t,e)}(i,t);var e,n,r,o=a4(i);function i(){return r4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{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(s4.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(Wb.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(Wb.remove2,"\n              </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$clippathList .clippath-item"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:jn("$clippathList .del")+ar,value:function(t){var e=this.$selection.current;e&&(this.emit("setAttribute",{"clip-path":""},e.id),this.refresh(),this.emit("hideClipPathPopup"))}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:ur("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"]):""}},{key:jn("$add"),value:function(){var t=this.$selection.current;t&&(t["clip-path"]?alert("clip-path is already exists."):(t&&(t["clip-path"]=this.refs.$clipPathSelect.value,this.emit("setAttribute",{"clip-path":this.refs.$clipPathSelect.value},t.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this.$selection.current;if(t){var e=$b.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=e.value.trim(),r=n?"modify":"path";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:Do("updateClipPathString"),value:function(t){var e=this.$selection.current;e&&(e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("setAttribute",{"clip-path":"path(".concat(t.d,")")},null,!0))}},{key:Do("changeClipPathPopup"),value:function(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.emit("setAttribute",t,e.id))}}])&&o4(e.prototype,n),r&&o4(e,r),i}(BQ);function f4(t){return(f4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p4(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function y4(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function h4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function v4(t,e){return(v4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function b4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=g4(t);if(e){var o=g4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m4(this,n)}}function m4(t,e){return!e||"object"!==f4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g4(t){return(g4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var w4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v4(t,e)}(i,t);var e,n,r,o=b4(i);function i(){return h4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{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(Wb.add,"</button>\n    ")}},{key:ur("$transitionList"),value:function(){var t=this,e=this.$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(Wb.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=ux(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:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=this.$selection.current;e&&e.transitions.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:jn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createTransition(),this.emit("refreshElement",e)),this.refresh()}},{key:En("$transitionList .transition-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$transitionList .transition-item")+ar,value:function(t){}},{key:_n("$transitionList .transition-item")+ar,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:jn("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeTransition(e),this.emit("refreshElement",n),this.refresh())}},{key:jn("$transitionList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.transitions[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentTransition=this.current.transitions[this.selectedIndex],this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(t){if(this.current=this.$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:jn("$transitionList .preview"),value:function(t){this.viewTransitionPicker(t.$dt)}},{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:Do("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]:{};e%2?p4(Object(n),!0).forEach((function(e){y4(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p4(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&d4(e.prototype,n),r&&d4(e,r),i}(BQ);function O4(t){return(O4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function j4(t,e){return(j4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function P4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R4(t);if(e){var o=R4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return x4(this,n)}}function x4(t,e){return!e||"object"!==O4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R4(t){return(R4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&j4(t,e)}(i,t);var e,n,r,o=P4(i);function i(){return k4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Wb.remove,"</button>\n    ")}},{key:jn("$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:ur("$body"),value:function(){var t=(this.$selection.current||{})["perspective-origin"]||"";return"<PerspectiveOriginEditor \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("changePerspectiveOrigin"),value:function(t){this.emit("setAttribute",{"perspective-origin":t})}}])&&S4(e.prototype,n),r&&S4(e,r),i}(BQ);function E4(t){return(E4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T4(t,e){return(T4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I4(t);if(e){var o=I4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A4(this,n)}}function A4(t,e){return!e||"object"!==E4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I4(t){return(I4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T4(t,e)}(i,t);var e,n,r,o=D4(i);function i(){return _4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Wb.remove,"</button>\n    ")}},{key:jn("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:ur("$perspective"),value:function(){var t=(this.$selection.current||{}).perspective||"";return"\n        <RangeEditor ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:Do("changePerspective"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project"])}}])&&C4(e.prototype,n),r&&C4(e,r),i}(BQ);function L4(t){return(L4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z4(t,e){return(z4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function F4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=H4(t);if(e){var o=H4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return G4(this,n)}}function G4(t,e){return!e||"object"!==L4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H4(t){return(H4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var X4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&z4(t,e)}(i,t);var e,n,r,o=F4(i);function i(){return M4(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Wb.remove,"</button>\n    ")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:jn("$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:ur("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<TransformOriginEditor ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:Do("refreshSelection","refreshRect")+nr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Do("changeTransformOrigin"),value:function(t){this.emit("setAttribute",{"transform-origin":t})}}])&&B4(e.prototype,n),r&&B4(e,r),i}(BQ);function Y4(t){return(Y4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U4(t,e){return(U4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function W4(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q4(t);if(e){var o=q4(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z4(this,n)}}function Z4(t,e){return!e||"object"!==Y4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q4(t){return(q4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var J4=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U4(t,e)}(i,t);var e,n,r,o=W4(i);function i(){return N4(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$backgroundClip"),value:function(){var t=(this.$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:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","text"])}}])&&K4(e.prototype,n),r&&K4(e,r),i}(BQ);function Q4(t){return(Q4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function t5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n5(t,e){return(n5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function r5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=i5(t);if(e){var o=i5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return o5(this,n)}}function o5(t,e){return!e||"object"!==Q4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function i5(t){return(i5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var a5=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),c5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n5(t,e)}(i,t);var e,n,r,o=r5(i);function i(){return t5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{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\" key-value-char=';' none-value=\"selector\" options=\"".concat(a5,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Wb.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;".concat(this.$i18n("selector.property.none"),"&gt;"),'</span>\n          </div>\n          <div class=\'tools\'>\n              <button type="button" class="del" data-index="').concat(e,'">').concat(Wb.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:jn("$selectorList .selector-item .del")+ar+cr,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeSelector(e),this.emit("refreshElement",n),this.refresh())}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:ur("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?fb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,n.map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:En("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Cn("$selectorList .selector-item")+ar,value:function(t){}},{key:_n("$selectorList .selector-item")+ar,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.sortSelector(this.startIndex,e),this.emit("refreshElement",n),this.refresh())}},{key:jn("$add"),value:function(){var t=this.$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=this.$selection.current,this.current&&(this.currentSelector=this.current.selectors[this.selectedIndex],this.viewSelectorPropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:Do("changeSelectorPopup"),value:function(t){this.current=this.$selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(t),this.refresh(),this.emit("refreshElement",this.current))}}])&&e5(e.prototype,n),r&&e5(e,r),i}(BQ);function u5(t){return(u5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f5(t,e){return(f5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function p5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=h5(t);if(e){var o=h5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y5(this,n)}}function y5(t,e){return!e||"object"!==u5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function h5(t){return(h5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var d5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f5(t,e)}(i,t);var e,n,r,o=p5(i);function i(){return s5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:Do("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Do("refreshRect"),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x&&this.children.$x.setValue(t.x),this.children.$y&&this.children.$y.setValue(t.y)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="position-item" ref="$positionItem"></div>\n    '}},{key:ur("$positionItem"),value:function(){var t=this.$selection.current;return t?"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px;'>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='x'></span>\n          </div>\n          <InputRangeEditor ref='$x' key='x' value='".concat(t.x,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='y'></span>\n          </div>\n          <InputRangeEditor ref='$y' key='y' value='").concat(t.y,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>").concat(this.$i18n("position.property.X"),"</span>\n        <span>").concat(this.$i18n("position.property.Y"),"</span>\n      </div>      \n    "):""}},{key:Do("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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("refreshAllElementBoundSize")}}])&&l5(e.prototype,n),r&&l5(e,r),i}(BQ);function v5(t){return(v5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function m5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g5(t,e){return(g5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function w5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=k5(t);if(e){var o=k5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return O5(this,n)}}function O5(t,e){return!e||"object"!==v5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function k5(t){return(k5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var S5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&g5(t,e)}(i,t);var e,n,r,o=w5(i);function i(){return b5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("project.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a project\">".concat(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:ur("$projectList")+er,value:function(){var t=this;return(this.$editor.projects||[]).map((function(e,n){var r=e===t.$selection.currentProject?"selected":"";return"\n        <div class='project-item ".concat(r,"'>\n          <div class='detail'>\n            <label data-index='").concat(n,"'>").concat(e.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(Wb.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")}))}},{key:Pn("$projectList .project-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$editor.projects[t];r&&r.reset({name:n})}))}},{key:Rn("$projectList .project-item label")+Jn+ar+cr,value:function(t){return this.modifyDoneInputEditing(t.$dt),!1}},{key:Ln("$projectList .project-item label")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectProject",value:function(t){t&&(this.$selection.selectProject(t),t.artboards.length&&(this.$selection.selectArtboard(t.artboards[0]),this.$selection.select())),this.emit("refreshAllSelectProject")}},{key:jn("$projectList .project-item label"),value:function(t){var e=+t.$dt.attr("data-index");this.selectProject(this.$editor.projects[e])}},{key:jn("$projectList .project-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.$editor.projects.splice(e);var n=this.$editor.projects[e]||this.$editor.projects[e-1];this.selectProject(n)}},{key:Do("refreshProjectList"),value:function(){this.refresh()}}])&&m5(e.prototype,n),r&&m5(e,r),i}(BQ);function j5(t){return(j5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R5(t,e){return(R5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_5(t);if(e){var o=_5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return E5(this,n)}}function E5(t,e){return!e||"object"!==j5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _5(t){return(_5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var C5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&R5(t,e)}(i,t);var e,n,r,o=$5(i);function i(){return P5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("artboard.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a artboard\">".concat(Wb.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="artboard-list scrollbar" ref="$artboardList"></div>\n    '}},{key:ur("$artboardList")+er,value:function(){var t=this,e=this.$selection.currentProject;return e?e.artboards.map((function(e,n){var r=e===t.$selection.currentArtboard?"selected":"",o="";return e.hasLayout()&&(o=t.$i18n("artboard.property.layout.title."+e.layout)),"\n        <div class='artboard-item ".concat(r,"' data-layout=\"").concat(e.layout,"\" data-artboard-id='").concat(e.id,"'>\n          <div class='preview icon'>").concat(Wb.doc,"</div>\n          <div class='detail'>\n            <label data-index='").concat(n,"' data-layout-title='").concat(o,"' >").concat(e.name,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(Wb.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})):""}},{key:Pn("$artboardList .artboard-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$selection.currentProject;if(r){var o=r.artboards[t];o&&(o.reset({name:n}),e.emit("refreshArtBoardName",o.id,n))}}))}},{key:Rn("$artboardList .artboard-item label")+Jn+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Ln("$artboardList .artboard-item label")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:jn("$add"),value:function(t){this.emit("addArtBoard")}},{key:jn("$artboardList .artboard-item .remove"),value:function(t){var e=this.$selection.currentProject;if(e){var n=+t.$dt.attr("data-index");e.artboards.splice(n);var r=e.artboards[n]||e.artboards[n-1];this.emit("selectArtboard",r)}}},{key:jn("$artboardList .artboard-item label"),value:function(t){var e=this.$selection.currentProject;if(e){t.$dt.closest("artboard-item").onlyOneClass("selected");var n=+t.$dt.attr("data-index"),r=e.artboards[n];this.emit("selectArtboard",r)}}},{key:Do("refreshArtBoardList"),value:function(){this.refresh()}},{key:Do("changeItemLayout"),value:function(){this.refresh()}}])&&x5(e.prototype,n),r&&x5(e,r),i}(BQ);function T5(t){return(T5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D5(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function A5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?D5(Object(n),!0).forEach((function(e){I5(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):D5(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function I5(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function V5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function L5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function M5(t,e){return(M5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function B5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=F5(t);if(e){var o=F5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return z5(this,n)}}function z5(t,e){return!e||"object"!==T5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F5(t){return(F5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var G5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&M5(t,e)}(i,t);var e,n,r,o=B5(i);function i(){return V5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a layer\">".concat(Wb.add,"</button>\n    ")}},{key:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:pr("$dragPointer"),value:function(){var t=this.state.lastDragOverOffset,e=this.state.itemRect.height/3,n={};if(this.state.lastDragOverOffset<e){t=0;var r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:ln.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else this.state.lastDragOverOffset>this.state.itemRect.height-e?(t=this.state.itemRect.height,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:ln.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"):(t=0,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:ln.px(r),height:ln.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self");return{style:A5(A5({position:"absolute"},n),{},{display:this.state.hideDragPointer?"none":"block"})}}},{key:"getIcon",value:function(t){switch(t.itemType){case"circle":return Wb.lens;case"image":return Wb.image;case"text":case"svg-text":return Wb.title;case"svg-textpath":return Wb.text_rotate;case"svg-path":return Wb.pentool;case"cube":return Wb.cube;case"cylinder":return Wb.cylinder;default:return Wb.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=e.$selection.check(t)?"selected":"",i=t.name;t.is("text")&&(i=t.text||t.name);var a="";return t.hasLayout()&&(a=e.$i18n("layer.tree.property.layout.title."+t.layout)),"        \n      <div class='layer-item ".concat(o,"' data-depth=\"").concat(n,"\" data-layout='").concat(t.layout,"' data-layer-id='").concat(t.id,"' draggable=\"true\">\n        <div class='detail'>\n          <label data-layout-title='").concat(a,"'> \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?Wb.lock:Wb.lock_open,'</button>\n            <button type="button" class="visible" data-visible="').concat(t.visible,"\" title='Visible'>").concat(Wb.visible,"</button>\n          </div>\n        </div>\n      </div>\n\n      ").concat(e.makeLayerList(t,n+1),"\n    ")})).join(""):""}},{key:Do("refreshContent"),value:function(t){this.refresh()}},{key:ur("$layerList")+er,value:function(){var t=this.$selection.currentArtboard;return t?this.makeLayerList(t,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:En("$layerList .layer-item"),value:function(t){var e=t.$dt.attr("data-layer-id");t.$dt.addClass("drag-start"),t.dataTransfer.setData("layer/id",e),this.state.rootRect=this.refs.$layerList.rect(),this.state.itemRect=t.$dt.rect(),this.setState({hideDragPointer:!1},!1),this.bindData("$dragPointer")}},{key:Tn("$layerList .layer-item"),value:function(t){this.setState({hideDragPointer:!0},!1),this.bindData("$dragPointer"),this.refs.$layerList.$$(".".concat("drag-start")).forEach((function(t){t.removeClass("drag-start")}))}},{key:Cn("$layerList .layer-item:not(.".concat("drag-start",")"))+ar,value:function(t){var e=t.$dt.attr("data-layer-id");this.state.lastDragOverItemId=e,this.state.lastDragOverPosition=t.$dt.rect().top,this.state.lastDragOverOffset=t.offsetY,this.bindData("$dragPointer")}},{key:_n("$layerList .layer-item:not(.".concat("drag-start",")")),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.dataTransfer.getData("layer/id");if(e!==n){var r=this.$selection.currentArtboard;if(r){var o=r.searchById(e),i=r.searchById(n);if(o.hasParent(i.id))return;o.add(i,this.state.lastDragOverItemDirection),this.$selection.select(i),this.setState({hideDragPointer:!0}),this.emit("refreshArtboard")}}}},{key:Pn("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.closest("layer-item").attr("data-layer-id"),i=e.$selection.currentArtboard;if(i){var a=i.searchById(o);a&&a.reset({name:r})}}))}},{key:Rn("$layerList .layer-item .name")+Jn+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Ln("$layerList .layer-item .name")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectLayer",value:function(t){t&&this.$selection.select(t),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(t){t&&(this.$selection.select(t),this.emit("refreshArtboard"))}},{key:jn("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":Ye.random(),width:ln.px(200),height:ln.px(100)})}},{key:jn("$layerList .layer-item label"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item");n.onlyOneClass("selected");var r=n.attr("data-layer-id"),o=e.searchById(r);this.$selection.select(o),this.emit("refreshSelection")}}},{key:jn("$layerList .layer-item .visible"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-visible",!r.visible),this.emit("setAttribute",{visible:!r.visible},r.id)}}},{key:jn("$layerList .layer-item .lock"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-lock",!r.lock),this.emit("setAttribute",{lock:!r.lock},r.id)}}},{key:Do("emptySelection"),value:function(){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}))}},{key:Do("changeSelection"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e&&this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}));var n=this.$selection.items.map((function(t){return'[data-layer-id="'.concat(t.id,'"]')})).join(",");n&&this.refs.$layerList.$$(n).forEach((function(e){e.addClass("selected");var n=t.$selection.itemKeys[e.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&e.$(".icon").html(t.getIcon(n))}))}}},{key:Do("refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:Do("refreshStylePosition","refreshSelectionStyleView","refreshCanvasForPartial"),value:function(){this.trigger("changeSelection")}},{key:Do("refreshLayerTreeView"),value:function(){this.refresh()}},{key:Do("changeItemLayout"),value:function(){this.refresh()}}])&&L5(e.prototype,n),r&&L5(e,r),i}(BQ);function H5(t){return(H5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X5(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Y5(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Y5(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Y5(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function N5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U5(t,e){return(U5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function W5(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q5(t);if(e){var o=q5(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z5(this,n)}}function Z5(t,e){return!e||"object"!==H5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q5(t){return(q5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var J5=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U5(t,e)}(i,t);var e,n,r,o=W5(i);function i(){return N5(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["project","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:Do("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:"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:jn("$list .device-item"),value:function(t){var e=t.$dt.attr("data-size");this.emit("resizeArtBoard",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:ur("$list")+er,value:function(){var t=this;return this.state.sizeList[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}},{key:Do("changeBoardSize"),value:function(t,e){var n=this.$selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=X5(e.split("x"),2),o=r[0],i=r[1];o=ln.px(o),i=ln.px(i),this.emit("setAttribute",{width:o,height:i},n.id)}}}])&&K5(e.prototype,n),r&&K5(e,r),i}(BQ);function Q5(t){return(Q5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function t3(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e3(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?t3(Object(n),!0).forEach((function(e){n3(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):t3(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function n3(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r3(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return o3(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o3(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o3(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function i3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c3(t,e){return(c3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s3(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f3(t);if(e){var o=f3(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l3(this,n)}}function l3(t,e){return!e||"object"!==Q5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f3(t){return(f3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p3=["","100x100","200x200","300x300","400x300","900x600","1024x762"],h3=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c3(t,e)}(i,t);var e,n,r,o=s3(i);function i(){return i3(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> <span ref='$sizeInfo'></span> <button type=\"button\" ref='$resize'>").concat(Wb.size,"</button>\n      </div>\n      <div>\n        <SelectEditor ref='$select' label=\"").concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(p3.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:Do("changeImageSize"),value:function(t,e){var n=r3(e.split("x").map((function(t){return ln.px(t)})),2),r=n[0],o=n[1];this.emit("setAttribute",{width:r,height:o})}},{key:jn("$resize"),value:function(){var t=this.$selection.current;t&&(t.reset({width:t.naturalWidth.clone(),height:t.naturalHeight.clone()}),this.emit("resetSelection"))}},{key:pr("$sizeInfo"),value:function(){var t=this.$selection.current||{};return{innerHTML:"".concat(this.$i18n("image.property.width"),": ").concat(t.naturalWidth,", ").concat(this.$i18n("image.property.height"),": ").concat(t.naturalHeight)}}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).src||"";return"<ImageSelectEditor \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:Do("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(e3({src:e},n)),this.bindData("$sizeInfo"),this.emit("setAttribute",e3({src:e},n),r.id))}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["image"])}}])&&a3(e.prototype,n),r&&a3(e,r),i}(BQ),d3={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ye.randomByCount(t).map((function(t){return{color:t}}))}},b3=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),m3={title:"material red",key:"material-red",execute:function(){return b3}},g3=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),w3={title:"material pink",key:"material-pink",execute:function(){return g3}},O3=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),k3={title:"material purple",key:"material-purple",execute:function(){return O3}},S3=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),j3={title:"material deep purple",key:"material-deeppurple",execute:function(){return S3}},P3=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),R3={title:"material indigo",key:"material-indigo",execute:function(){return P3}},$3=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),E3={title:"material blue",key:"material-blue",execute:function(){return $3}},_3=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),C3={title:"material light blue",key:"material-lightblue",execute:function(){return _3}},T3=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),D3={title:"material cyan",key:"material-cyan",execute:function(){return T3}},A3=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),I3={title:"material teal",key:"material-teal",execute:function(){return A3}},V3=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),L3={title:"material green",key:"material-green",execute:function(){return V3}},M3=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),B3={title:"material lightgreen",key:"material-lightgreen",execute:function(){return M3}},z3=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),F3={title:"material lime",key:"material-lime",execute:function(){return z3}},G3=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),H3={title:"material yellow",key:"material-yellow",execute:function(){return G3}},X3=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),Y3={title:"material amber",key:"material-amber",execute:function(){return X3}},N3=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),K3={title:"material orange",key:"material-orange",execute:function(){return N3}},U3=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),W3={title:"material deep orange",key:"material-deeporange",execute:function(){return U3}},Z3=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),q3={title:"material brown",key:"material-brown",execute:function(){return Z3}},J3=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),Q3={title:"material gray",key:"material-gray",execute:function(){return J3}},t8=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),e8={title:"material bluegray",key:"material-bluegray",execute:function(){return t8}},n8=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),r8=[d3,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return n8}},m3,w3,k3,j3,R3,E3,C3,D3,I3,L3,B3,F3,H3,Y3,K3,W3,q3,Q3,e8];function o8(t){return(o8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c8(t,e){return(c8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l8(t);if(e){var o=l8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return s8(this,n)}}function s8(t,e){return!e||"object"!==o8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l8(t){return(l8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c8(t,e)}(i,t);var e,n,r,o=u8(i);function i(){return i8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("color.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var t=r8.map((function(t){return"".concat(t.key,":").concat(t.title)}));return'\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:Do("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"color-assets-property"}},{key:Do("refreshSelection")+nr(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:En("$colorList .color-item"),value:function(t){var e=t.$dt.attr("data-color");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/color",e)}},{key:ur("$colorList"),value:function(){var t=this,e=r8.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,'" data-color="').concat(t.color,'" data-custom="').concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.color,'" data-index="').concat(e,"\" draggable=\"true\"><div class='color-view' style='background-color: ").concat(t.color,";'></div></div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.remove,"</button>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(Wb.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:jn("$colorList .add-color-item"),value:function(){this.executeColor((function(t){t.createColor({color:Ye.random(),name:"",variable:""})}))}},{key:jn("$colorList .remove"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.removeColor(e)}))}},{key:jn("$colorList .copy"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.copyColor(e)}))}},{key:jn("$colorList .preview"),value:function(t){var e=t.$dt.$(".color-view").css("background-color");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundColor",e):this.emit("setColorAsset",{color:e})}},{key:Do("changeColorAssets"),value:function(t,e){var n=this;this.executeColor((function(r){r.setColorValue(e.index,{color:t}),n.state.$el.css("background-color",t),n.state.$color.val(t)}),!1)}}])&&a8(e.prototype,n),r&&a8(e,r),i}(BQ);function p8(t){return(p8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function y8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function h8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function d8(t,e){return(d8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function v8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=m8(t);if(e){var o=m8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return b8(this,n)}}function b8(t,e){return!e||"object"!==p8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function m8(t){return(m8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var g8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&d8(t,e)}(i,t);var e,n,r,o=v8(i);function i(){return y8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text-fill-color'></span>\n        </div>\n        <ColorViewEditor ref='$fillColor' label='".concat(this.$i18n("text.fill.property.fill"),"' key='text-fill-color' onchange=\"changeColor\" />\n      </div>           \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-color'></span>\n        </div>\n        <ColorViewEditor ref='$strokeColor' label='").concat(this.$i18n("text.fill.property.stroke"),"' key='text-stroke-color' onchange=\"changeColor\" />\n      </div>                 \n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-width'></span>\n        </div>\n        <RangeEditor \n          ref='$width' \n          label='").concat(this.$i18n("text.fill.property.strokeWidth"),'\' \n          key="text-stroke-width" \n          \n          max="50"\n          onchange="changeRangeEditor" />\n      </div>\n    \n    ')}},{key:Do("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:Do("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&h8(e.prototype,n),r&&h8(e,r),i}(BQ),w8=["0deg","45deg","90deg"],O8=["0deg","45deg","90deg"],k8=["0deg","45deg","90deg"],S8=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"linear-gradient(".concat(Z.apply(void 0,w8),", ").concat($u.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"linear-gradient(".concat(Z.apply(void 0,O8),", ").concat($u.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(Z.apply(void 0,k8),", ").concat($u.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat($u.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat($u.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat($u.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){var e=m(45,55),n=m(45,55),r=m(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat($u.createColorStep(2,360,"deg"),")")}}))}},{title:"Random Conic",key:"random-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat($u.createColorStep(10,360,"deg"),")")}}))}},{title:"Repeat Conic",key:"repeat-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return W(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat($u.createRepeatColorStep(10,"10deg"),")")}}))}}];function j8(t){return(j8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R8(t,e){return(R8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function $8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=_8(t);if(e){var o=_8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return E8(this,n)}}function E8(t,e){return!e||"object"!==j8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _8(t){return(_8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var C8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&R8(t,e)}(i,t);var e,n,r,o=$8(i);function i(){return P8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){var t=S8.map((function(t){return"".concat(t.key,":").concat(t.title)}));return'\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:Do("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"gradient-assets-property"}},{key:Do("refreshSelection")+nr(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:En("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:ur("$gradientList"),value:function(){var t=this,e=S8.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='gradient-item' data-index=\"".concat(e,"\" data-gradient='").concat(t.gradient,"' data-custom=\"").concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.gradient,"\" draggable=\"true\">\n            <div class='gradient-view' style='background-image: ").concat(t.gradient,";'></div>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-gradient-item'><butto type=\"button\">".concat(Wb.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:jn("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:Fu.random(),name:"",variable:""})}))}},{key:jn("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}},{key:Do("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)}}])&&x8(e.prototype,n),r&&x8(e,r),i}(BQ);function T8(t){return(T8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function A8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function I8(t,e){return(I8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function V8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=M8(t);if(e){var o=M8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return L8(this,n)}}function L8(t,e){return!e||"object"!==T8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function M8(t){return(M8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var B8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I8(t,e)}(i,t);var e,n,r,o=V8(i);function i(){return D8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-polygon","svg-textpath","svg-text")}},{key:Do("refreshPathLayer","refreshStyleView"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(t.totalLength||"")}},{key:Do("refreshSelection"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)?(this.$el.isHide()&&this.$el.show(),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"]||ln.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||ln.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||ln.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:pr("$svgProperty"),value:function(){return{style:{display:(this.$selection.current||{})["motion-based"]?"none":"block"}}}},{key:"getBody",value:function(){var t=this.$selection.current||{};return"\n\n      <div class='property-item'> \n        <label>\n          <input type='checkbox' ref='$motionBased' ".concat(et({checked:!!t["motion-based"]})," /> \n          ").concat(this.$i18n("svg.item.property.isMotionPath"),"\n        </label>\n      </div>      \n\n      <div ref='$svgProperty'>\n        <div class='property-item animation-property-item' ref='$path'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='d'></span>      \n          </div>            \n          <label>").concat(this.$i18n("svg.item.property.path")," - <span>").concat(this.$i18n("svg.item.property.totalLength"),"</span> <span ref='$length'></span> </label>\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill'></span>\n          </div>\n          <FillSingleEditor ref='$fill' label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-opacity'></span>\n          </div>            \n          <NumberRangeEditor \n            ref='$fillOpacity' \n            label='").concat(this.$i18n("svg.item.property.fillOpacity"),"' \n            key='fill-opacity' \n            value=\"1\" \n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            onchange=\"changeValue\" \n            />\n        </div>   \n\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-rule'></span>\n          </div>\n          <SelectIconEditor \n            ref='$fillRule' \n            label='").concat(this.$i18n("svg.item.property.fillRule"),"' \n            key=\"fill-rule\" \n            options=\"nonzero,evenodd\" \n            onchange=\"changeValue\" />\n        </div>            \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke'></span>\n          </div>\n          <FillSingleEditor ref='$stroke' label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-width'></span>\n          </div>\n          <RangeEditor \n            ref='$strokeWidth' \n            label='").concat(this.$i18n("svg.item.property.strokeWidth"),"' \n            key=\"stroke-width\" \n            onchange=\"changeValue\" />\n        </div>\n              \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dasharray'></span>      \n          </div>          \n          <label>").concat(this.$i18n("svg.item.property.dashArray"),"</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          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dashoffset'></span>      \n          </div>          \n          <NumberRangeEditor \n            ref='$strokeDashOffset' \n            key='stroke-dashoffset' \n            label='").concat(this.$i18n("svg.item.property.dashOffset"),"'\n            value=\"0\" \n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeValue\" \n            />\n        </div>         \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linecap'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineCap' \n            label='").concat(this.$i18n("svg.item.property.lineCap"),"' \n            key=\"stroke-linecap\" \n            options=\"butt,round,square\" \n            onchange=\"changeValue\" \n          />\n        </div> \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linejoin'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineJoin' \n            label='").concat(this.$i18n("svg.item.property.lineJoin"),"'             \n            key=\"stroke-linejoin\" \n            options=\"miter,bevel,round\" \n            onchange=\"changeValue\" \n          />\n        </div>        \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <SVGFilterSelectEditor \n            ref='$svgFilter' \n            label='").concat(this.$i18n("svg.item.property.filter"),'\' \n            key="svgfilter" \n            onchange="changeValue" \n          />\n        </div>         \n      </div>\n   \n    ')}},{key:jn("$motionBased"),value:function(){this.emit("setAttribute",{"motion-based":this.refs.$motionBased.checked()})}},{key:Do("changeValue"),value:function(t,e,n){this.emit("setAttribute",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),null,!0)}}])&&A8(e.prototype,n),r&&A8(e,r),i}(BQ);function z8(t){return(z8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function F8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function G8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function H8(t,e){return(H8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function X8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=N8(t);if(e){var o=N8(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Y8(this,n)}}function Y8(t,e){return!e||"object"!==z8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function N8(t){return(N8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var K8=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&H8(t,e)}(i,t);var e,n,r,o=X8(i);function i(){return F8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:ur("$textClip"),value:function(){var t=(this.$selection.current||{})["text-clip"]||"";return"\n      <SelectEditor ref='$1' key='text-clip' icon=\"true\" value=\"".concat(t,'" options=",text" onchange="changeSelect" />\n    ')}},{key:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",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:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["text"])}}])&&G8(e.prototype,n),r&&G8(e,r),i}(BQ);function U8(t){return(U8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function W8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Z8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function q8(t,e){return(q8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function J8(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=t6(t);if(e){var o=t6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Q8(this,n)}}function Q8(t,e){return!e||"object"!==U8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function t6(t){return(t6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var e6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&q8(t,e)}(i,t);var e,n,r,o=J8(i);function i(){return W8(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"svgfilter-assets-property"}},{key:Do("refreshSelection")+nr(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:ur("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return oj.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(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Wb.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:jn("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:Pt(),filters:[]})}))}},{key:jn("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:jn("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:In("$svgfilterList input"),value:function(t){var e=this,n=+t.$dt.closest("svgfilter-item").attr("data-index"),r=t.$dt.attrKeyValue("data-key");this.executeSVGFilter((function(t){t.setSVGFilterValue(n,r),e.emit("refreshSVGArea")}),!1)}},{key:jn("$svgfilterList .preview"),value:function(t){var e=t.$dt.closest("svgfilter-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$dt.$(".svgfilter-view");var r=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[n];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterAssets",id:this.id,index:n,filters:r.filters})}},{key:Do("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:Do("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:Do("refreshSVGFilterAssets"),value:function(){this.refresh()}}])&&Z8(e.prototype,n),r&&Z8(e,r),i}(BQ);function n6(t){return(n6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i6(t,e){return(i6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function a6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u6(t);if(e){var o=u6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c6(this,n)}}function c6(t,e){return!e||"object"!==n6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u6(t){return(u6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var s6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i6(t,e)}(i,t);var e,n,r,o=a6(i);function i(){return r6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{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        <SameWidth />\n        <SameHeight />\n      </div>\n    '}}])&&o6(e.prototype,n),r&&o6(e,r),i}(BQ);function l6(t){return(l6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function y6(t,e){return(y6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function h6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=v6(t);if(e){var o=v6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return d6(this,n)}}function d6(t,e){return!e||"object"!==l6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v6(t){return(v6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var b6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y6(t,e)}(i,t);var e,n,r,o=h6(i);function i(){return f6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{OffsetPathListEditor:rF}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:Do("refreshSelection","refreshRect")+nr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&this.children.$offsetPathList.setValue(t["offset-path"])}},{key:"getBody",value:function(){var t=this.$selection.current||{"offset-path":""};return"\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='offset-path'></span>\n        </div>\n        <OffsetPathListEditor ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    ')}},{key:Do("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&p6(e.prototype,n),r&&p6(e,r),i}(BQ);function m6(t){URL.revokeObjectURL(t)}function g6(t){return(g6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function w6(t){return function(t){if(Array.isArray(t))return O6(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return O6(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O6(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O6(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function k6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function j6(t,e){return(j6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function P6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R6(t);if(e){var o=R6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return x6(this,n)}}function x6(t,e){return!e||"object"!==g6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R6(t){return(R6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&j6(t,e)}(i,t);var e,n,r,o=P6(i);function i(){return k6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("image.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"image-assets-property"}},{key:Do("refreshSelection")+nr(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:ur("$imageList")+er,value:function(){var t=(this.$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='tools'>\n            <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.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(Wb.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:En("$imageList .preview img"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.images[e];t.dataTransfer.setData("image/info",r.local)}}},{key:An("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage((function(n){w6(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t)}))}))}},{key:jn("$imageList .remove"),value:function(t){var e=t.$dt.closest("image-item"),n=+e.attr("data-index");this.executeImage((function(t){t.removeImage(n),m6(e.$(".preview img").attr("src"))}))}},{key:jn("$imageList .copy"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index");this.executeImage((function(t){t.copyImage(e)}))}},{key:Do("addImageAsset"),value:function(){this.refresh()}}])&&S6(e.prototype,n),r&&S6(e,r),i}(BQ);function E6(t){return(E6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _6(t){return function(t){if(Array.isArray(t))return C6(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return C6(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return C6(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C6(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function T6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function A6(t,e){return(A6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function I6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=L6(t);if(e){var o=L6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return V6(this,n)}}function V6(t,e){return!e||"object"!==E6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function L6(t){return(L6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var M6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&A6(t,e)}(i,t);var e,n,r,o=I6(i);function i(){return T6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("video.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"video-assets-property"}},{key:Do("refreshSelection")+nr(1e3),value:function(){this.show(),this.refresh()}},{key:"getBody",value:function(){return"\n      <div class='property-item video-assets'>\n        <div class='video-list' ref='$videoList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:ur("$videoList")+er,value:function(){var t=(this.$selection.currentProject||{videos:[]}).videos.map((function(t,e){return"\n        <div class='video-item' data-index=\"".concat(e,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(t.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(Wb.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Wb.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(t.join(""),"\n        <div class='add-video-item'>\n          <input type='file' accept='video/*' ref='$file' />\n          <button type=\"button\">").concat(Wb.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeVideo",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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshVideoAssets")):alert("Please select a project.")}},{key:En("$videoList .preview img"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.videos[e];t.dataTransfer.setData("video/info",r.local)}}},{key:An("$videoList .add-video-item input[type=file]"),value:function(t){var e=this;this.executeVideo((function(n){_6(t.target.files).forEach((function(t){e.emit("updateVideoAssetItem",t)}))}))}},{key:jn("$videoList .remove"),value:function(t){var e=t.$dt.closest("video-item"),n=+e.attr("data-index");this.executeVideo((function(t){t.removeVideo(n),m6(e.$(".preview img").attr("src"))}))}},{key:jn("$videoList .copy"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index");this.executeVideo((function(t){t.copyVideo(e)}))}},{key:Do("addVideoAsset"),value:function(){this.refresh()}}])&&D6(e.prototype,n),r&&D6(e,r),i}(BQ);function B6(t){return(B6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z6(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function F6(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?z6(Object(n),!0).forEach((function(e){G6(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):z6(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function G6(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function H6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function X6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Y6(t,e,n){return(Y6="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=W6(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 N6(t,e){return(N6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function K6(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=W6(t);if(e){var o=W6(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return U6(this,n)}}function U6(t,e){return!e||"object"!==B6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W6(t){return(W6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Z6=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&N6(t,e)}(i,t);var e,n,r,o=K6(i);function i(){return H6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return F6(F6({},Y6(W6(i.prototype),"components",this).call(this)),this.state.components)}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return n&&n.is("component")}))}},{key:"refresh",value:function(){var t=this,e=this.$selection.current;e&&e.is("component")&&(this.setTitle(e.getDefaultTitle()||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=this.$selection.current,e={};t&&t.is("component")&&t.getProps().forEach((function(t){F(t.editor)||(e=F6(F6({},e),t.editor))})),this.setState({components:e},!1),Y6(W6(i.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return F(n)?"<".concat(n," ").concat(et(F6(F6({},r),{},{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(et(F6(F6({},r),{},{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")})).join("")}},{key:ur("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":e.getProps().map((function(n){return F(n)?"\n          <div class='property-item'> \n            <label>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item animation-property-item'> \n            <div class='group'>\n              <span class='add-timeline-property' data-property='".concat(n.key,"' data-type=\"").concat(e.itemType,'" data-editor="').concat(n.editor,'"></span>\n            </div>\n            ').concat(t.getPropertyEditor(n.key,e[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:Do("changeComponentProperty"),value:function(t,e){this.emit("setAttribute",G6({},t,e),null,!0)}}])&&X6(e.prototype,n),r&&X6(e,r),i}(BQ);function q6(t){return(q6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Q6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function t9(t,e){return(t9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function e9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=r9(t);if(e){var o=r9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return n9(this,n)}}function n9(t,e){return!e||"object"!==q6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r9(t){return(r9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var o9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&t9(t,e)}(i,t);var e,n,r,o=e9(i);function i(){return J6(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("timeline.animation.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add an animation\">".concat(Wb.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:ur("$timelineAnimationList")+er,value:function(){var t=this.$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 icon'>\n            ").concat(Wb.local_movie,"\n          </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(Wb.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})):""}},{key:Pn("$timelineAnimationList .timeline-animation-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.attr("data-id"),i=e.$selection.currentArtboard;i&&i.setTimelineTitle(o,r)}))}},{key:Rn("$timelineAnimationList .timeline-animation-item label")+Jn+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Ln("$timelineAnimationList .timeline-animation-item label")+ar+cr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:jn("$add"),value:function(t){this.emit("addTimelineItem")}},{key:jn("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$dt.attr("data-id");this.emit("removeAnimationItem",e)}},{key:jn("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$dt.attr("data-id"),n=this.$selection.currentArtboard;n&&(n.selectTimeline(e),t.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:Do("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:Do("refreshTimeline","refreshSelection","refreshArtboard")+nr(100),value:function(){this.refresh()}}])&&Q6(e.prototype,n),r&&Q6(e,r),i}(BQ);function i9(t){return(i9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u9(t,e){return(u9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f9(t);if(e){var o=f9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l9(this,n)}}function l9(t,e){return!e||"object"!==i9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f9(t){return(f9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u9(t,e)}(i,t);var e,n,r,o=s9(i);function i(){return a9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{BorderEditor:PF}}},{key:"getTitle",value:function(){return this.$i18n("border.property.title")}},{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:ur("$body"),value:function(){var t=(this.$selection.current||{}).border||"";return"\n      <BorderEditor ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Do("changeKeyValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&c9(e.prototype,n),r&&c9(e,r),i}(BQ);function y9(t){return(y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function v9(t,e){return(v9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function b9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=g9(t);if(e){var o=g9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m9(this,n)}}function m9(t,e){return!e||"object"!==y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g9(t){return(g9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var w9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v9(t,e)}(i,t);var e,n,r,o=b9(i);function i(){return h9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("project.information.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var t=this.$selection.currentProject||{name:"",description:""};this.refs.$name.val(t.name),this.refs.$description.val(t.description)}},{key:"getBody",value:function(){var t=this.$selection.currentProject||{name:"",description:""};return'\n      <div class="project-info" ref="$info">\n        <div class=\'project-info-item\'>\n          <label>'.concat(this.$i18n("project.information.property.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>").concat(this.$i18n("project.information.property.description"),"</label>\n          <div class='input'>\n            <textarea  value='").concat(t.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    ")}},{key:Do("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}}])&&d9(e.prototype,n),r&&d9(e,r),i}(BQ);function O9(t){return(O9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function j9(t,e){return(j9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function P9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=R9(t);if(e){var o=R9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return x9(this,n)}}function x9(t,e){return!e||"object"!==O9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function R9(t){return(R9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&j9(t,e)}(i,t);var e,n,r,o=P9(i);function i(){return k9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("path.data.property.title")}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-textpath")}},{key:"components",value:function(){return{PathDataEditor:Bz}}},{key:Do("refreshPathLayer","refreshStyleView","refreshRect")+nr(100),value:function(){this.refresh()}},{key:Do("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-brush","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current||{};this.children.$pathData.setValue(t.d)}},{key:"getBody",value:function(){var t=this.$selection.current||{};return"\n      <div>\n        <PathDataEditor ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    ")}},{key:Do("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))}}])&&S9(e.prototype,n),r&&S9(e,r),i}(BQ);function E9(t){return(E9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function C9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T9(t,e){return(T9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=I9(t);if(e){var o=I9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return A9(this,n)}}function A9(t,e){return!e||"object"!==E9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I9(t){return(I9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var V9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T9(t,e)}(i,t);var e,n,r,o=D9(i);function i(){return _9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$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=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text'></span>\n        </div>\n        <TextAreaEditor \n          ref='$text' \n          label='".concat(this.$i18n("svg.text.property.textarea"),"' \n          key=\"text\"\n          onchange=\"changeTextValue\" />\n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$font-size' \n          label='").concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$font-weight' \n          label='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <SelectEditor \n          ref='$lengthAdjust' \n          label='").concat(this.$i18n("svg.text.property.length.adjust"),"' \n          key='lengthAdjust' \n          value='spacing' \n          options=\"spacing,spacingAndGlyphs\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='textLength'></span>\n        </div>\n        <RangeEditor \n          ref='$textLength' \n          label='").concat(this.$i18n("svg.text.property.text.length"),"' \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        <div class='group'>\n          <span class='add-timeline-property' data-property='startOffset'></span>\n        </div>\n        <RangeEditor \n          ref='$startOffset' \n          label='").concat(this.$i18n("svg.text.property.start.offset"),"' \n          key='startOffset' \n          min=\"0\"\n          max='1000'\n          step=\"0.1\"          \n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:Do("changeTextValue"),value:function(t,e){this.emit("setAttribute",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),null,!0)}}])&&C9(e.prototype,n),r&&C9(e,r),i}(BQ);function L9(t){return(L9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z9(t,e){return(z9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function F9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=H9(t);if(e){var o=H9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return G9(this,n)}}function G9(t,e){return!e||"object"!==L9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H9(t){return(H9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var X9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&z9(t,e)}(i,t);var e,n,r,o=F9(i);function i(){return M9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:Do("refreshSelection","refreshContent")+nr(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(Wb.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div>\n        <div class='export-item png'>\n          <label>PNG</label>\n          <button ref='$png'>").concat(Wb.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:jn("$svg"),value:function(){this.emit("downloadSVG")}},{key:jn("$png"),value:function(){this.emit("downloadPNG")}}])&&B9(e.prototype,n),r&&B9(e,r),i}(BQ);function Y9(t){return(Y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N9(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function K9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function U9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function W9(t,e){return(W9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Z9(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=J9(t);if(e){var o=J9(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return q9(this,n)}}function q9(t,e){return!e||"object"!==Y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function J9(t){return(J9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Q9=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&W9(t,e)}(i,t);var e,n,r,o=Z9(i);function i(){return K9(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["default","flex","grid"].map((function(e){return"".concat(e,":").concat(t.$i18n("layout.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:ur("$layoutType"),value:function(){var t=this.$selection.current||{layout:"default"};return"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t.layout,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        colors=\",green,red\"\n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList'>\n        <div data-value='default' class='").concat("default"===t.layout?"selected":"","'></div>\n        <div data-value='flex' class='").concat("flex"===t.layout?"selected":"","'>\n          <FlexLayoutEditor ref='$flex' key='flex-layout' value=\"").concat(t["flex-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n        <div data-value='grid' class='").concat("grid"===t.layout?"selected":"","'>\n          <GridLayoutEditor ref='$grid' key='grid-layout' value=\"").concat(t["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    ")}},{key:Do("changeLayoutInfo"),value:function(t,e){this.emit("setAttribute",N9({},t,e),null,!1,!0),this.emit("refreshAllElementBoundSize")}},{key:Do("changeLayoutType"),value:function(t,e){this.$selection.reset(N9({},t,e)),this.emit("setAttribute",N9({},t,e),null,!1,!0),this.refresh(),this.emit("refreshAllElementBoundSize"),this.emit("changeItemLayout")}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}])&&U9(e.prototype,n),r&&U9(e,r),i}(BQ);function t7(t){return(t7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function e7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r7(t,e){return(r7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function o7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=a7(t);if(e){var o=a7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return i7(this,n)}}function i7(t,e){return!e||"object"!==t7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function a7(t){return(a7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var c7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r7(t,e)}(i,t);var e,n,r,o=o7(i);function i(){return e7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return["none","auto","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("flex.layout.item.property.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:ur("$body"),value:function(){var t=this.$selection.current||{"flex-layout-item":"none"},e=t["flex-layout-item"]||"none",n=[];return!1===["none","auto"].includes(e)&&(n=e.split(" ")),n.length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(t.layout,"'>\n        <div data-value='none'></div>\n        <div data-value='auto'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <RangeEditor ref='$grow' label='").concat(this.$i18n("flex.layout.item.property.grow"),'\' key="flex-grow" value="').concat(n[0],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$shrink' label='").concat(this.$i18n("flex.layout.item.property.shrink"),'\' key="flex-shrink" value="').concat(n[1],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$basis' label='").concat(this.$i18n("flex.layout.item.property.basis"),'\' key="flex-basis" value="').concat(n[2],"\" min='0' units=\"px,em,%,auto\" onchange='changeFlexItem' />\n          </div>                    \n        </div>\n      </div>\n    ")}},{key:"getFlexItemValue",value:function(t){return"auto"===t.unit?"auto":t+""}},{key:"getFlexValue",value:function(){var t=this.children.$grow.getValue(),e=this.children.$shrink.getValue(),n=this.children.$basis.getValue();return t=this.getFlexItemValue(t),e=this.getFlexItemValue(e),n=this.getFlexItemValue(n),Q({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:Do("changeFlexItem"),value:function(t,e){this.emit("setAttribute",{"flex-layout-item":this.getFlexValue()}),this.emit("refreshAllElementBoundSize")}},{key:Do("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getFlexValue()),this.emit("setAttribute",{"flex-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}])&&n7(e.prototype,n),r&&n7(e,r),i}(BQ);function u7(t){return(u7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f7(t,e){return(f7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function p7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=h7(t);if(e){var o=h7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y7(this,n)}}function y7(t,e){return!e||"object"!==u7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function h7(t){return(h7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var d7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f7(t,e)}(i,t);var e,n,r,o=p7(i);function i(){return s7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["none","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("grid.layout.item.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:ur("$body"),value:function(){var t=this.$selection.current||{"grid-layout-item":"none"},e=t["grid-layout-item"]||"none",n={};return!1===["none"].includes(e)&&(n=tt(t["grid-layout-item"])),Object.keys(n).length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(e,"'>\n        <div data-value='none'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <label></label>\n            <div>").concat(this.$i18n("grid.layout.item.property.start"),"</div>\n            <div>").concat(this.$i18n("grid.layout.item.property.end"),"</div>\n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.column"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$columnEnd' key=\"grid-column-end\" value=\"").concat(n["grid-column-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.row"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$rowEnd' key=\"grid-row-end\" value=\"").concat(n["grid-row-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>          \n        </div>\n      </div>\n    ")}},{key:"getGridValue",value:function(){return Q({"grid-column-start":this.children.$columnStart.getValue(),"grid-column-end":this.children.$columnEnd.getValue(),"grid-row-start":this.children.$rowStart.getValue(),"grid-row-end":this.children.$rowEnd.getValue()})}},{key:Do("changeGridItem"),value:function(t,e){this.emit("setAttribute",{"grid-layout-item":this.getGridValue()}),this.emit("refreshAllElementBoundSize")}},{key:Do("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getGridValue()),this.emit("setAttribute",{"grid-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}])&&l7(e.prototype,n),r&&l7(e,r),i}(BQ);function v7(t){return(v7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b7(t){return function(t){if(Array.isArray(t))return m7(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return m7(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m7(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m7(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function w7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O7(t,e){return(O7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function k7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=j7(t);if(e){var o=j7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return S7(this,n)}}function S7(t,e){return!e||"object"!==v7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j7(t){return(j7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var P7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O7(t,e)}(i,t);var e,n,r,o=k7(i);function i(){return g7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Wb.add,"</button>\n    ")}},{key:jn("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:ur("$patternSelect"),value:function(){var t=this;return b7(xC.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}))).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:ur("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<PatternEditor ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:Do("changePatternEditor"),value:function(t,e){this.emit("setAttribute",{pattern:e})}},{key:Do("refreshSelection")+nr(100),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:Do("refreshSVGArea")+nr(1e3),value:function(){this.load("$patternSelect")}}])&&w7(e.prototype,n),r&&w7(e,r),i}(BQ);function x7(t){return(x7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function E7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _7(t,e){return(_7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function C7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=D7(t);if(e){var o=D7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return T7(this,n)}}function T7(t,e){return!e||"object"!==x7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function D7(t){return(D7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var A7;function I7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var V7=(I7(A7={VideoProperty:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_7(t,e)}(i,t);var e,n,r,o=C7(i);function i(){return $7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"item video-property"}},{key:"getTitle",value:function(){return this.$i18n("video.property.title")}},{key:"initState",value:function(){return{$video:{el:{}},status:"play",volume:1}}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:ur("$body"),value:function(){var t=this.$selection.current||{playTime:"0:1:1"},e=t.currentTime||0,n=(t.playTime||"0:1:1").split(":").pop();return"\n        <div ref='$tools' class='play-control' data-selected-value=\"".concat(this.state.status,'">\n          <button type="button" data-value="play" >').concat(Wb.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Wb.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <NumberRangeEditor ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(e,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\n          </div>\n        </div>    \n        <div class='divider'></div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='volume'></span>\n            ").concat(this.$i18n("video.property.volume"),"\n          </div>\n          <div ref='$volume_control' class='volume-control' data-selected-value='").concat(this.volumeStatus,"'>\n            <span data-value='muted'>").concat(Wb.volume_off,"</span>\n            <span data-value='down'>").concat(Wb.volume_down,"</span>\n            <span data-value='up'>").concat(Wb.volume_up,'</span>\n            <input type="range" ref=\'$volume\' min="0" max="1" step="0.001" value="').concat(this.state.volume,"\" />\n          </div>          \n        </div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='playbackRate'></span>\n            ").concat(this.$i18n("video.property.playbackRate"),'\n          </div>\n          <div>\n            <NumberRangeEditor ref=\'$playbackRate\' min="0.1" max="10" clamp="true" value="').concat(this.state.playbackRate,"\" step=\"0.001\" onchange=\"changePlaybackRate\" />\n          </div>\n        </div>        \n        <div class='property-item animation-property-item full'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='playTime'></span>\n            ").concat(this.$i18n("video.property.playTime"),"\n          </div>\n          <MediaProgressEditor ref='$progress'  key='playTime' value=\"").concat(t.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:Do("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.emit("setAttribute",{currentTime:e},null,!0)}},{key:Do("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.emit("setAttribute",{playbackRate:e},null,!0)}},{key:Yn("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.emit("setAttribute",{volume:e},null,!0)}},{key:pr("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:pr("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:jn("$tools button"),value:function(t){switch(t.$dt.attr("data-value")){case"play":this.setState({status:"pause"},!1),this.play();break;case"pause":this.setState({status:"play"},!1),this.pause()}this.bindData("$tools")}},{key:Do("changeValue")+nr(100),value:function(t,e){this.state.$video&&this.emit("setAttribute",R7({},t,e),null,!0)}},{key:Do("changeSelect"),value:function(t,e){this.emit("setAttribute",R7({},t,e))}},{key:Do("updateVideoEvent"),value:function(t){this.video.paused&&(this.setState({status:"play",currentTime:this.video.currentTime},!1),this.bindData("$tools")),this.children.$currentTime.setValue(this.video.currentTime)}},{key:Do("refreshSelection")+nr(100),value:function(){var t=this,e=this.$selection.current;this.refreshShow(["video"]),e&&e.is("video")&&this.emit("refElement",e.id,(function(n){var r=n.$("video");t.state.$video=r,t.setState({volume:e.volume,currentTime:e.currentTime,playbackRate:e.playbackRate},!1),t.video.ontimeupdate=function(e){t.trigger("updateVideoEvent",e)},t.video.onprogress=function(e){t.trigger("updateVideoEvent",e)},t.load("$body")}))}},{key:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}}])&&E7(e.prototype,n),r&&E7(e,r),i}(BQ),PatternProperty:P7,GridLayoutItemProperty:d7,FlexLayoutItemProperty:c7,LayoutProperty:Q9,ExportProperty:X9,SVGTextProperty:V9,PathDataProperty:$9,ProjectInformationProperty:w9,BorderNewProperty:p9,TimelineAnimationProperty:o9,ComponentProperty:Z6,ImageAssetsProperty:$6,VideoAssetsProperty:M6,MotionProperty:b6,AlignmentProperty:s6,SVGFilterAssetsProperty:e6,TextClipProperty:K8,SVGItemProperty:B8,GradientAssetsProperty:C8,TextFillProperty:g8,ColorAssetsProperty:f8,ImageProperty:h3,ArtBoardSizeProperty:J5,LayerTreeProperty:G5,ProjectProperty:S5,ArtBoardProperty:C5,PositionProperty:d5,SelectorProperty:c5,BackgroundClipProperty:J4,TransformOriginProperty:X4,PerspectiveProperty:V4,PerspectiveOriginProperty:$4,TransitionProperty:w4,ClipPathProperty:l4,TransformProperty:e4,BackdropFilterProperty:N2,CodeViewProperty:V2,FilterProperty:P2,BorderRadiusProperty:n0,BackgroundImageProperty:h2,KeyframeProperty:r2,AnimationProperty:W1,BorderImageProperty:B1,FontSpacingProperty:k1,TextProperty:p1,TextShadowProperty:r1,FontProperty:W0,ContentProperty:F0,BoxModelProperty:D0,BoxShadowProperty:O0,SizeProperty:f0},"BorderRadiusProperty",n0),I7(A7,"BackgroundColorProperty",UQ),A7);function L7(t){return(L7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z7(t,e){return(z7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function F7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=H7(t);if(e){var o=H7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return G7(this,n)}}function G7(t,e){return!e||"object"!==L7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H7(t){return(H7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var X7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&z7(t,e)}(i,t);var e,n,r,o=F7(i);function i(){return M7(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initState",value:function(){return{selectedIndex:1}}},{key:"template",value:function(){return'\n      <div class="feature-control inspector">\n        <div>\n          <div class="tab number-tab" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Wb.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Wb.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspectortab.title.code"),"'>\n                <label class='icon'>").concat(Wb.code,'</label>\n              </div>                                     \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <AlignmentProperty />\n\n                \x3c!-- Default Property --\x3e \n                <PositionProperty />\n                <SizeProperty /> \n\n                \x3c!-- SVG Item --\x3e \n                <SVGTextProperty />        \n                <SVGItemProperty />              \n\n                \x3c!-- Image --\x3e \n                <ImageProperty />\n\n                \x3c!-- Video --\x3e \n                <VideoProperty />\n\n                \x3c!-- Component --\x3e\n                <ComponentProperty />                \n                \n                \x3c!-- Appearance --\x3e \n                <BackgroundColorProperty />\n                <BackgroundImageProperty />                \n                <PatternProperty />\n                <BorderNewProperty />\n                <BorderRadiusProperty />\n\n                <BoxModelProperty />                \n                <LayoutProperty />\n                <FlexLayoutItemProperty />\n                <GridLayoutItemProperty />      \n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <FontProperty />\n                <TextProperty />\n                <TextShadowProperty />\n                <TextFillProperty />\n                <FontSpacingProperty />\n                <TextClipProperty />  \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                \x3c!-- ArtBoard --\x3e \n                <ArtBoardSizeProperty />    \n                \n                \x3c!-- SVG --\x3e\n                <PathDataProperty />                \n\n                \x3c!-- tool --\x3e                \n                <ExportProperty />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <MotionProperty />\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="5">\n                <CodeViewProperty />\n                <div class=\'empty\'></div>                           \n              </div>                       \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:"components",value:function(){return V7}},{key:jn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&B7(e.prototype,n),r&&B7(e,r),i}(Ao);function Y7(t){return(Y7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U7(t,e){return(U7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function W7(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=q7(t);if(e){var o=q7(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z7(this,n)}}function Z7(t,e){return!e||"object"!==Y7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q7(t){return(q7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var J7=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U7(t,e)}(i,t);var e,n,r,o=W7(i);function i(){return N7(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Wb.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:jn("$close"),value:function(){this.$el.hide()}},{key:Gn("$title")+or("movePopupTitle")+ir("endPopupTitle"),value:function(){this.x=ln.parse(this.$el.css("left")),this.y=ln.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=ln.px(this.x.value+t),r=ln.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=28,n=320,r=this.$el.css("top"),o=this.$el.css("left"),i="auto"!==r?ln.parse(r):ln.px(110),a="auto"!==o?ln.parse(o):ln.px(document.body.clientWidth-n-e-t);this.$el.css({top:i,left:a,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Do("hidePropertyPopup"),value:function(){this.hide()}}])&&K7(e.prototype,n),r&&K7(e,r),i}(Ao);function Q7(t){return(Q7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ttt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ett(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ttt(Object(n),!0).forEach((function(e){ntt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ttt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ntt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rtt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ott(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function itt(t,e){return(itt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function att(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=utt(t);if(e){var o=utt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ctt(this,n)}}function ctt(t,e){return!e||"object"!==Q7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function utt(t){return(utt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var stt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&itt(t,e)}(i,t);var e,n,r,o=att(i);function i(){return rtt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:jX,RangeEditor:mL}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.px(0),spreadRadius:ln.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:ur("$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:jn("$popup .select button"),value:function(t){var e=t.$dt.attr("data-value");this.getRef("$type").attr("data-selected-value",e),this.updateData({inset:"inset"===e})}},{key:Gn("$popup .drag-board")+or("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:ln.px(a),offsetY:ln.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:Do("changeRangeEditor"),value:function(t,e){this.updateData(ntt({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:Do("changeColor"),value:function(t){this.trigger("changeRangeEditor","color",t)}},{key:Do("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(ett(ett({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:Do("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}])&&ott(e.prototype,n),r&&ott(e,r),i}(J7);function ltt(t){return(ltt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ftt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ptt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ytt(t,e){return(ytt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function htt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vtt(t);if(e){var o=vtt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return dtt(this,n)}}function dtt(t,e){return!e||"object"!==ltt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function vtt(t){return(vtt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var btt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ytt(t,e)}(i,t);var e,n,r,o=htt(i);function i(){return ftt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:jX,RangeEditor:mL}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:ln.px(0),offsetY:ln.px(0),blurRadius:ln.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:ur("$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          <RangeEditor ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n      </div>\n    ")}},{key:Do("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:Do("changeColor"),value:function(t){this.trigger("changeShadow","color",t)}},{key:Gn("$popup .drag-board")+or("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:ln.px(a),offsetY:ln.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:Do("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:Do("hideTextShadowPropertyPopup"),value:function(){this.hide()}}])&&ptt(e.prototype,n),r&&ptt(e,r),i}(J7);function mtt(t){return(mtt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gtt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wtt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ott(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ktt(t,e){return(ktt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Stt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ptt(t);if(e){var o=Ptt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jtt(this,n)}}function jtt(t,e){return!e||"object"!==mtt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ptt(t){return(Ptt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var xtt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ktt(t,e)}(i,t);var e,n,r,o=Stt(i);function i(){return wtt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:sL,CubicBezierEditor:tM,RangeEditor:mL,IterationCountEditor:JM}}},{key:"initState",value:function(){return{name:"none",direction:"normal",duration:ln.second(0),timingFunction:"ease",delay:ln.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:ur("$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>".concat(this.$i18n("animation.property.popup.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>".concat(this.$i18n("animation.property.popup.keyframe"),"</label>\n        <div class='input grid-1'>\n          <select ref='$name'></select>\n        </div>\n      </div>\n    ")}},{key:ur("$name"),value:function(){var t=this,e=this.$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":"",r=t.$i18n(e.key);return"<option value='".concat(e.value,"' ").concat(n,">").concat(r,"</option>")}))}},{key:An("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){var t=this,e="normal,reverse,alternate,alternate-reverse".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n      <div class='direction'>\n        <SelectEditor \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.direction,"\"\n            options='").concat(e,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:Do("changeSelect"),value:function(t,e){this.updateData(gtt({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.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(){var t=this,e="none,forwards,backwards,both".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n    <div class='fill-mode'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.fillMode,"\"\n          options='").concat(e,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='".concat(this.$i18n("animation.property.popup.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='".concat(this.$i18n("animation.property.popup.iteration"),"' calc='false' key='iterationCount' value='").concat(this.state.iterationCount,"' units='normal,infinite' onChange=\"changeRangeEditor\" />\n      </div>\n    ")}},{key:Do("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?ln.number(e.value):ln.string(e.unit)),this.updateData(gtt({},t,e))}},{key:Do("changeCubicBezier"),value:function(t,e){this.updateData(gtt({},t,e))}},{key:Do("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Do("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}])&&Ott(e.prototype,n),r&&Ott(e,r),i}(J7);function Rtt(t){return(Rtt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $tt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ett(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _tt(t,e){return(_tt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ctt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Dtt(t);if(e){var o=Dtt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ttt(this,n)}}function Ttt(t,e){return!e||"object"!==Rtt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Dtt(t){return(Dtt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Att=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(i,t);var e,n,r,o=Ctt(i);function i(){return $tt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:QF}}},{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:In("$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:Do("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:Do("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:Do("hideKeyframePopup"),value:function(){this.$el.hide()}}])&&Ett(e.prototype,n),r&&Ett(e,r),i}(J7);function Itt(t){return(Itt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vtt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Ltt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ltt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ltt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Mtt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Btt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ztt(t,e){return(ztt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ftt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Htt(t);if(e){var o=Htt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Gtt(this,n)}}function Gtt(t,e){return!e||"object"!==Itt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Htt(t){return(Htt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Xtt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ztt(t,e)}(i,t);var e,n,r,o=Ftt(i);function i(){return Mtt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{DirectionEditor:vX,RangeEditor:mL}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=Vtt(e,2),r=n[0],o=n[1],i=yb.parse(r),a=Vtt(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=yb.parse(o),y=Vtt(p,5),h=y[0],d=y[1],v=y[2],b=y[3],m=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:m}}},{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=ln.percent(Math.abs((o.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),u=a.clone(),s=ln.percent(100-r.value).toPx(220),l=ln.percent(100-n.value).toPx(220),f=ln.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=o.toPx(220),y=ln.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=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(y,";'></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(ln.px(l.value-o.value),";height: ").concat(ln.px(s.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(h," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:pr("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jn("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:ur("$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:Do("changeBorderRadius"),value:function(t){var e=Vtt(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=ln.percent(i).toPx(220),u=e.toPx(220),s=ln.percent(i).toPx(220),l=ln.percent(100-r.value).toPx(220),f=ln.percent(100-n.value).toPx(220),p=ln.percent(a).toPx(220),y=o.toPx(220),h=ln.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:y,top:h}),this.refs.$clipArea.css({left:y,top:u,width:ln.px(f.value-y.value),height:ln.px(l.value-u.value)}),this.bindData("$clipAreaView")}},{key:Gn("$area .clip-area-handle")+or("moveClipArea"),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.clipRect={left:ln.parse(this.$target.css("left")),top:ln.parse(this.$target.css("top")),width:ln.parse(this.$target.css("width")),height:ln.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=ln.px(o),c=ln.px(i);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:ln.px(this.areaRect.height-(i+r)).toPercent(this.areaRect.height).round(100),right:ln.px(this.areaRect.width-(o+n)).toPercent(this.areaRect.width).round(100),left:a.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:Gn("$area .drag-pointer")+or(),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,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=ln.px(n-this.areaRect.x),i=ln.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:i.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:ln.px(this.areaRect.height-i.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:ln.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)}}])&&Btt(e.prototype,n),r&&Btt(e,r),i}(Ao);function Ytt(t){return(Ytt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ntt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ktt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ntt(Object(n),!0).forEach((function(e){Utt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ntt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Utt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wtt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Ztt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ztt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ztt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function qtt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jtt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qtt(t,e){return(Qtt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function tet(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=net(t);if(e){var o=net(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return eet(this,n)}}function eet(t,e){return!e||"object"!==Ytt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function net(t){return(net=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ret=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Qtt(t,e)}(i,t);var e,n,r,o=tet(i);function i(){return qtt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=220,n=220;return t.split(",").filter((function(t){return t.trim()})).map((function(t){var r=Wtt(t.trim().split(" "),2),o=r[0],i=r[1];return{x:ln.parse(o).toPx(e),y:ln.parse(i).toPx(n)}}))}},{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:ur("$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(Wb.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Wb.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:jn("$area")+ar,value:function(t){if(dn.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:ln.px(n-this.areaRect.left),y:ln.px(r-this.areaRect.top)}),this.refresh()}}},{key:jn("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:jn("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:pr("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:ur("$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:jn("$area .drag-pointer")+tr+ar,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:Gn("$area .drag-pointer")+or(),value:function(t){this.selectedIndex=+t.$dt.attr("data-index"),this.$target=t.$dt,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=ln.px(n-this.areaRect.x),i=ln.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:ln.px(n.value+10),y:ln.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]=Ktt(Ktt({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&Jtt(e.prototype,n),r&&Jtt(e,r),i}(Ao);function oet(t){return(oet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iet(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return aet(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return aet(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function aet(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function cet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function set(t,e){return(set=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fet(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yet(t);if(e){var o=yet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pet(this,n)}}function pet(t,e){return!e||"object"!==oet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yet(t){return(yet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var het=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&set(t,e)}(i,t);var e,n,r,o=fet(i);function i(){return cet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{RangeEditor:mL}}},{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=t.split("at").map((function(t){return t.trim()})),o=iet(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=iet(i,2),c=a[0],u=a[1];L(u)&&(u=c),c=ln.parse(c),u=ln.parse(u);var s=e.split(" "),l=iet(s,2),f=l[0],p=l[1];return L(p)&&(p=f),{radiusX:f=ln.parse(f),radiusY:p=ln.parse(p),x:c,y:u}}},{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:pr("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Gn("$area")+or()+ir(),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=ln.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=ln.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:Do("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()))}}])&&uet(e.prototype,n),r&&uet(e,r),i}(Ao);function det(t){return(det="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function met(t,e){return(met=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function get(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Oet(t);if(e){var o=Oet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return wet(this,n)}}function wet(t,e){return!e||"object"!==det(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oet(t){return(Oet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ket=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&met(t,e)}(i,t);var e,n,r,o=get(i);function i(){return vet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:het,PolygonEditor:ret,InsetEditor:Xtt,SelectEditor:sL,CircleEditor:sG}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return $b.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:ur("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:ur("$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=(this.$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:Do("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:Do("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState($b.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:Do("hideClipPathPopup"),value:function(){this.hide()}}])&&bet(e.prototype,n),r&&bet(e,r),i}(J7);function jet(t){return(jet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Pet(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ret(t,e){for(var n=0;n<e.length;n++){var 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($et=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Eet(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cet(t);if(e){var o=Cet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _et(this,n)}}function _et(t,e){return!e||"object"!==jet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cet(t){return(Cet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Tet=["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"],Det=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$et(t,e)}(i,t);var e,n,r,o=Eet(i);function i(){return xet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:sL,CubicBezierEditor:tM,RangeEditor:mL}}},{key:"initState",value:function(){return{property:"all",duration:ln.second(0),timingFunction:"ease",delay:ln.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:ur("$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:Do("changeTransition"),value:function(t,e){this.updateData(Pet({},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(Tet.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:Do("changeRangeEditor"),value:function(t,e){this.updateData(Pet({},t,e))}},{key:Do("changeCubicBezier"),value:function(t,e){this.updateData(Pet({},t,e))}},{key:Do("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:Do("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}])&&Ret(e.prototype,n),r&&Ret(e,r),i}(J7);function Aet(t){return(Aet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Iet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Vet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Let(t,e){return(Let=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Met(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=zet(t);if(e){var o=zet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Bet(this,n)}}function Bet(t,e){return!e||"object"!==Aet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zet(t){return(zet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Fet=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Let(t,e)}(i,t);var e,n,r,o=Met(i);function i(){return Iet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:HH,SVGClipPathEditor:iX}}},{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:ur("$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:Do("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:Do("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:In("$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:Do("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:Do("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}])&&Vet(e.prototype,n),r&&Vet(e,r),i}(J7);function Get(t){return(Get="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Het(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yet(t,e,n){return(Yet="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=Wet(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 Net(t,e){return(Net=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ket(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wet(t);if(e){var o=Wet(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uet(this,n)}}function Uet(t,e){return!e||"object"!==Get(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wet(t){return(Wet=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zet=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Net(t,e)}(i,t);var e,n,r,o=Ket(i);function i(){return Het(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:HF}}},{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>".concat(this.$i18n("selector.popup.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:In("$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(){Yet(Wet(i.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:Do("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:Do("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}])&&Xet(e.prototype,n),r&&Xet(e,r),i}(J7);function qet(t){return(qet="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jet(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qet(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tnt(t,e){return(tnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ent(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rnt(t);if(e){var o=rnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nnt(this,n)}}function nnt(t,e){return!e||"object"!==qet(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rnt(t){return(rnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var ont=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tnt(t,e)}(i,t);var e,n,r,o=ent(i);function i(){return Jet(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:jX}}},{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.state.target&&this.state.target.trigger(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>\n    ")}},{key:ur("$projectColors"),value:function(){return(this.$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:jn("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:Do("changeColor"),value:function(t){this.updateData({color:t})}},{key:Do("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof Ao))throw new Error("ColorPicker needs data.target");this.params=e,this.setState(t,!1),this.children.$color.setValue(this.state.color),this.show(232)}},{key:Do("hideColorPickerPopup"),value:function(){this.hide()}}])&&Qet(e.prototype,n),r&&Qet(e,r),i}(J7);function int(t){return(int="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ant(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function unt(t,e){return(unt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function snt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fnt(t);if(e){var o=fnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lnt(this,n)}}function lnt(t,e){return!e||"object"!==int(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fnt(t){return(fnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pnt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&unt(t,e)}(i,t);var e,n,r,o=snt(i);function i(){return ant(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$imageBox")+er,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(t,e){return"<div class='image-item' ><img src= '".concat(t.local,"' /></div>")}))}},{key:jn("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("src"),naturalWidth:ln.px(e.naturalWidth),naturalHeight:ln.px(e.naturalHeight),width:ln.px(e.naturalWidth),height:ln.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:Do("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:Do("hideImageSelectPopup"),value:function(){this.hide()}}])&&cnt(e.prototype,n),r&&cnt(e,r),i}(J7);function ynt(t){return(ynt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vnt(t,e){return(vnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bnt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gnt(t);if(e){var o=gnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mnt(this,n)}}function mnt(t,e){return!e||"object"!==ynt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gnt(t){return(gnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wnt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vnt(t,e)}(i,t);var e,n,r,o=bnt(i);function i(){return hnt(this,i),o.apply(this,arguments)}return e=i,(n=[{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:ur("$imageList")+er,value:function(){return(this.$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:jn("$imageList .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData(e.attr("src"))}},{key:"updateData",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:Do("addImageAsset"),value:function(){this.refresh()}}])&&dnt(e.prototype,n),r&&dnt(e,r),i}(Ao);function Ont(t){return(Ont="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function knt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Snt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?knt(Object(n),!0).forEach((function(e){jnt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):knt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jnt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Pnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rnt(t,e,n){return(Rnt="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=Cnt(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 $nt(t,e){return($nt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ent(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cnt(t);if(e){var o=Cnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _nt(this,n)}}function _nt(t,e){return!e||"object"!==Ont(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cnt(t){return(Cnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Tnt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$nt(t,e)}(i,t);var e,n,r,o=Ent(i);function i(){return Pnt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:wnt,EmbedColorPicker:jX,GradientEditor:zM}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){Rnt(Cnt(i.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:Do("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Fu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:ur("$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:Do("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Do("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Do("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Do("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:Do("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Do("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(Snt({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&xnt(e.prototype,n),r&&xnt(e,r),i}(J7);function Dnt(t){return(Dnt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ant(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Int(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vnt(t,e){return(Vnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Lnt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bnt(t);if(e){var o=Bnt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Mnt(this,n)}}function Mnt(t,e){return!e||"object"!==Dnt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bnt(t){return(Bnt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var znt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vnt(t,e)}(i,t);var e,n,r,o=Lnt(i);function i(){return Ant(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:HH}}},{key:"getClassName",value:function(){return"transparent"}},{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:ur("$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:Do("changeFilterEditor"),value:function(t,e){this.updateData({filters:e})}},{key:"refresh",value:function(){this.load()}},{key:Do("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return oj.parse(t)})),t.preview=!M(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:Do("hideSVGFilterPopup"),value:function(){this.$el.hide()}}])&&Int(e.prototype,n),r&&Int(e,r),i}(J7);function Fnt(t){return(Fnt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Hnt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Xnt(t,e){return(Xnt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ynt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Knt(t);if(e){var o=Knt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Nnt(this,n)}}function Nnt(t,e){return!e||"object"!==Fnt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Knt(t){return(Knt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Unt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Xnt(t,e)}(i,t);var e,n,r,o=Ynt(i);function i(){return Gnt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:jX,RangeEditor:mL,SelectEditor:sL,GradientEditor:zM}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||ln.px(0),y:this.props.y||ln.px(0),width:this.props.width||ln.px(0),height:this.props.height||ln.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.state.params)}},{key:"templateForSize",value:function(){return"\n      <div class='popup-item'>\n        <SelectEditor label=\"".concat(this.$i18n("background.image.position.popup.size"),"\" ref='$size' key='size' value=\"").concat(this.state.size,'" options="contain,cover,auto" onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:Do("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=\"".concat(this.$i18n("background.image.position.popup.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=\"".concat(this.$i18n("background.image.position.popup.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>".concat(this.$i18n("background.image.position.popup.repeat"),"</label>\n      <div class='repeat-list' ref=\"$repeat\" data-value='").concat(this.state.repeat,"'>\n          <button type=\"button\" value='no-repeat' title=\"").concat(this.$i18n("background.image.position.popup.type.no-repeat"),'"></button>\n          <button type="button" value=\'repeat\' title="').concat(this.$i18n("background.image.position.popup.type.repeat"),'"></button>\n          <button type="button" value=\'repeat-x\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-x"),'"></button>\n          <button type="button" value=\'repeat-y\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-y"),'"></button>\n          <button type="button" value=\'space\' title="').concat(this.$i18n("background.image.position.popup.type.space"),'"></button>\n          <button type="button" value=\'round\' title="').concat(this.$i18n("background.image.position.popup.type.round"),'"></button>\n      </div>\n    </div>\n    ')}},{key:jn("$repeat button"),value:function(t){var e=t.$dt;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=\"".concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(RC,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:ur("$picker"),value:function(){return"\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        </div>\n      </div>\n    ")}},{key:Do("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}])&&Hnt(e.prototype,n),r&&Hnt(e,r),i}(J7);function Wnt(t){return(Wnt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Znt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qnt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Znt(Object(n),!0).forEach((function(e){Jnt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Znt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Jnt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Qnt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function trt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ert(t,e,n){return(ert="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=irt(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 nrt(t,e){return(nrt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rrt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=irt(t);if(e){var o=irt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ort(this,n)}}function ort(t,e){return!e||"object"!==Wnt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function irt(t){return(irt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var art=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nrt(t,e)}(i,t);var e,n,r,o=rrt(i);function i(){return Qnt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:wnt,EmbedColorPicker:jX,FillEditor:xY}}},{key:"initState",value:function(){return{image:I_.create()}}},{key:"initialize",value:function(){ert(irt(i.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:Do("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Fu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:ur("$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:Do("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:Do("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:Do("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:Do("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.setState(t)}},{key:Do("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:Do("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(qnt({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&trt(e.prototype,n),r&&trt(e,r),i}(J7);function crt(t){return(crt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function urt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function srt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lrt(t,e){return(lrt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function frt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yrt(t);if(e){var o=yrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return prt(this,n)}}function prt(t,e){return!e||"object"!==crt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yrt(t){return(yrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hrt={PatternInfoPopup:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lrt(t,e)}(i,t);var e,n,r,o=frt(i);function i(){return urt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"components",value:function(){return gK}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||ln.px(0),y:this.props.y||ln.px(0),width:this.props.width||ln.px(0),height:this.props.height||ln.px(0),lineWidth:this.props.lineWidth||ln.px(1),lineHeight:this.props.lineHeight||ln.px(1),foreColor:this.props.foreColor||"black",backColor:this.props.backColor||"transparent",blendMode:this.props.blendMode||"normal"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1);var e=this.state,n=e.x,r=e.y,o=e.width,i=e.height,a=e.foreColor,c=e.backColor,u=e.blendMode,s=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:o,height:i,foreColor:a,backColor:c,blendMode:u,lineWidth:s,lineHeight:l},this.state.params)}},{key:Do("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(){if(this.hasNotX())return"";var t="X",e="";return"diagonal-line"===this.state.type&&(t=this.$i18n("pattern.info.popup.rotate"),e="deg"),"\n      <div class='popup-item'>\n        <RangeEditor \n            label=\"".concat(t,'"\n            calc="false"            \n            ref="$x" \n            key="x"\n            value="').concat(this.state.x,'"\n            min="0" max="1000" step="1"\n            units="').concat(e,'"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return this.hasNotY()?"":'\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="0" 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=\"".concat(this.$i18n("pattern.info.popup.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=\"".concat(this.$i18n("pattern.info.popup.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:"hasNotLineWidth",value:function(){return["check"].includes(this.state.type)}},{key:"hasNotLineHeight",value:function(){return["cross-dot","dot","check","diagonal-line","horizontal-line"].includes(this.state.type)}},{key:"hasNotX",value:function(){return["grid","dot","horizontal-line"].includes(this.state.type)}},{key:"hasNotY",value:function(){return["grid","dot","diagonal-line","vertical-line"].includes(this.state.type)}},{key:"templateForLineWidth",value:function(){return this.hasNotLineWidth()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineWidth"),'"   \n          calc="false"             \n          ref="$lineWidth" \n          key="lineWidth"\n          value="').concat(this.state.lineWidth,'"          \n          min="0" max="500" step="1" \n          onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForLineHeight",value:function(){return this.hasNotLineHeight()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineHeight"),'"\n          calc="false"          \n          ref="$lineHeight" \n          key="lineHeight"\n          value="').concat(this.state.lineHeight,'"          \n          min="0" max="500" step="1" onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForForeColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$foreColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.foreColor"),"\" \n            key='foreColor' \n            value=\"").concat(this.state.foreColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBackColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$backColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.backColor"),"\" \n            key='backColor' \n            value=\"").concat(this.state.backColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBlendMode",value:function(){return"\n    <div class='popup-item'>\n      <BlendSelectEditor \n            ref='$blend' \n            key='blendMode' \n            label=\"".concat(this.$i18n("pattern.info.popup.blend"),'"\n            value="').concat(this.state.blendMode,'" \n            onchange="changeRangeEditor" \n        />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:ur("$picker"),value:function(){return"\n      \n      <div class='box'>\n\n        <div class='background-property'>      \n          ".concat(this.templateForWidth(),"\n          ").concat(this.templateForHeight(),"        \n          ").concat(this.templateForLineWidth(),"\n          ").concat(this.templateForLineHeight(),"                  \n          ").concat(this.templateForX(),"\n          ").concat(this.templateForY(),"\n          ").concat(this.templateForForeColor(),"\n          ").concat(this.templateForBackColor(),"\n          ").concat(this.templateForBlendMode(),"\n        </div>\n      </div>\n    ")}},{key:Do("showPatternInfoPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changePatternInfoPopup",this.state.params=e,this.state.instance=t.instance,this.setState(t.data),this.show(460)}}])&&srt(e.prototype,n),r&&srt(e,r),i}(J7),FillPickerPopup:art,BackgroundImagePositionPopup:Unt,SVGFilterPopup:znt,GradientPickerPopup:Tnt,ImageSelectPopup:pnt,ColorPickerPopup:ont,SelectorPopup:Zet,SVGPropertyPopup:Fet,ClipPathPopup:ket,KeyframePopup:Att,AnimationPropertyPopup:xtt,TransitionPropertyPopup:Det,TextShadowPropertyPopup:btt,BoxShadowPropertyPopup:stt};function drt(t){return(drt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vrt(t){return function(t){if(Array.isArray(t))return brt(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return brt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return brt(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function brt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function mrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function grt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function wrt(t,e,n){return(wrt="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=jrt(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 Ort(t,e){return(Ort=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function krt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jrt(t);if(e){var o=jrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Srt(this,n)}}function Srt(t,e){return!e||"object"!==drt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jrt(t){return(jrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Prt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ort(t,e)}(i,t);var e,n,r,o=krt(i);function i(){return mrt(this,i),o.apply(this,arguments)}return e=i,(n=[{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(){wrt(jrt(i.prototype),"initialize",this).call(this),this.refs.$head=dn.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(Q(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,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeStyle(t)})).join("")}},{key:"makeDragStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateDragView("[data-id='".concat(t.id,"']"));return"\n      <style type='text/css' data-id='".concat(t.id,"-drag'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeDragStyle(t)})).join("")}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new lP;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,n=dn.create("div"),r=this.makeStyle(t);n.html(r).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"changeDragStyleHead",value:function(t){var e=this;dn.create("div").html(this.makeDragStyle(t)).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"refreshStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=t.allLayers);var r=n.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeStyleHead(t)}},{key:"refreshDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(vrt(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeDragStyleHead(t)}},{key:"removeDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(vrt(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()}))}},{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:ur("$svgArea"),value:function(){var t=this.$selection.currentProject||{};return this.makeSvg(t)}},{key:Do("refreshStyleView","moveTimeline","playTimeline"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t?(this.load(),this.refreshStyleHeadOne(t,e)):this.refresh()}},{key:Do("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:Do("refreshSelectionStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;B(e)?n=e:null!==e&&(n=[e]);var r=[];r=n?F(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items;var o=[],i=[];r.forEach((function(e){var n=e.allLayers.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");i.push(n),o.push(t.makeStyle(e))})),i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var a=dn.create("div"),c=a.html(o.join("")).createChildrenFragment();this.refs.$head.append(c)}},{key:Do("removeSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;B(e)?n=e:null!==e&&(n=[e]),(n?F(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.removeDragStyleHeadOne(e,!0)}))}},{key:Do("refreshSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;B(e)?n=e:null!==e&&(n=[e]),(n?F(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.refreshDragStyleHeadOne(e,!0)}))}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}])&&grt(e.prototype,n),r&&grt(e,r),i}(Ao);function xrt(t){return(xrt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Rrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ert(t,e){return(Ert=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _rt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Trt(t);if(e){var o=Trt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Crt(this,n)}}function Crt(t,e){return!e||"object"!==xrt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Trt(t){return(Trt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Drt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ert(t,e)}(i,t);var e,n,r,o=_rt(i);function i(){return Rrt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{ArtBoardProperty:C5,LayerTreeProperty:G5}}},{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    "}}])&&$rt(e.prototype,n),r&&$rt(e,r),i}(Ao),Art={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 Irt(t){return(Irt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vrt(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Lrt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Lrt(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Lrt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Mrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Brt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zrt(t,e){return(zrt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Frt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Hrt(t);if(e){var o=Hrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Grt(this,n)}}function Grt(t,e){return!e||"object"!==Irt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Hrt(t){return(Hrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Xrt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zrt(t,e)}(i,t);var e,n,r,o=Frt(i);function i(){return Mrt(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Art).map((function(t){return"<div class='path-item'>".concat(Art[t],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$el .path-item"),value:function(t){var e=t.$dt.$("svg"),n=e.$("path"),r=Vrt(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("convertPath",u,s)}}])&&Brt(e.prototype,n),r&&Brt(e,r),i}(Ao);function Yrt(t){return(Yrt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nrt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Krt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Urt(t,e){return(Urt=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Wrt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qrt(t);if(e){var o=qrt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Zrt(this,n)}}function Zrt(t,e){return!e||"object"!==Yrt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function qrt(t){return(qrt=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Jrt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Urt(t,e)}(i,t);var e,n,r,o=Wrt(i);function i(){return Nrt(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='component-items'>\n        <div class='group'>\n          <label>".concat(this.$i18n("component.items.canvas"),"</label>\n          <div class='list'>\n            <SelectTool title='Select' />\n            <AddArtboard title='Artboard' />            \n          </div>\n        </div>              \n        <div class='group'>\n        <label>").concat(this.$i18n("component.items.layer"),"</label>\n          <div class='list'>\n            <AddRect title='Rect' />\n            <AddCircle title='Circle' />         \n            <AddText title='Text' />\n            <AddImage title='Image' />\n            <AddVideo title='Video' />\n          </div>\n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.drawing"),"</label>\n          <div class='list'>            \n            \x3c!--<AddDrawBrush title='Brush' />--\x3e\n            <AddDrawPath title='Draw' />\n            <AddPath title='Path' />\n            <AddSVGRect title='Rect' />\n            <AddSVGCircle title='Circle' />\n            <AddSVGText title='Text' />\n            <AddSVGTextPath title='Text Path' />\n          </div>          \n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.custom"),"</label>\n          <div class='list'>            \n            <AddCube title='Cube' />\n            <AddCylinder title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:jn("$el button"),value:function(t){var e=this.refs.$el.$(".selected");e&&e.removeClass("selected"),t.$dt.addClass("selected")}}])&&Krt(e.prototype,n),r&&Krt(e,r),i}(Ao);function Qrt(t){return(Qrt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function tot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function eot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function not(t,e){return(not=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=iot(t);if(e){var o=iot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return oot(this,n)}}function oot(t,e){return!e||"object"!==Qrt(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iot(t){return(iot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var aot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&not(t,e)}(i,t);var e,n,r,o=rot(i);function i(){return tot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='preview-tool-menu'>\n        <div class='items'>\n          <Fullscreen />      \n          <ExportView />\n          <ExportCodePen />\n          <div class='divdier'></div>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />          \n        </div>                \n      </div>\n    "}}])&&eot(e.prototype,n),r&&eot(e,r),i}(Ao);function cot(t){return(cot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lot(t,e){return(lot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yot(t);if(e){var o=yot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pot(this,n)}}function pot(t,e){return!e||"object"!==cot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yot(t){return(yot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hot={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var dot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lot(t,e)}(i,t);var e,n,r,o=fot(i);function i(){return uot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:ur("$el"),value:function(){return rp.map((function(t){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(t.description,"</label>\n            <span><kbd>").concat((e=t.key,e.toLowerCase().split("+").map((function(t){return hot[t]||t})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(t.when,"</div>\n        </div>\n      ");var e}))}}])&&sot(e.prototype,n),r&&sot(e,r),i}(Ao);function vot(t){return(vot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bot(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mot(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bot(Object(n),!0).forEach((function(e){got(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bot(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function got(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Oot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kot(t,e){return(kot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Sot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Pot(t);if(e){var o=Pot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return jot(this,n)}}function jot(t,e){return!e||"object"!==vot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Pot(t){return(Pot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var xot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kot(t,e)}(i,t);var e,n,r,o=Sot(i);function i(){return wot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return mot(mot({ShortCutItems:dot},V7),{},{ObjectItems:Drt,ComponentItems:Jrt,LibraryItems:Xrt,PreviewToolMenu:aot})}},{key:"initState",value:function(){return{selectedIndex:2}}},{key:"template",value:function(){return"\n      <div class='layer-tab'>\n        <div class=\"tab number-tab side-tab side-tab-left\" data-selected-value=\"2\" ref=\"$tab\">\n          <div class=\"tab-header full\" ref=\"$header\">\n            <div class='logo-item'>\n              <label class='logo' title='EasyLogic Studio'></label>\n            </div>                  \n            <div class='tab-item' data-value='4' title=\"".concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Wb.add,'</label>\n            </div>          \n            <div class="tab-item selected" data-value="2" title="').concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Wb.account_tree,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(Wb.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Wb.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.keyMap"),'">\n              <label>').concat(Wb.keyboard,"</label>\n            </div>               \n            <div class='tab-item extra-item' >\n              <PreviewToolMenu />\n            </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 selected\" data-value=\"2\">\n              <ObjectItems />\n            </div>\n            <div class='tab-content' data-value='3'>\n              <LibraryItems />\n            </div>\n            <div class='tab-content' data-value='4'>\n              <ComponentItems />\n            </div>\n            <div class='tab-content' data-value='6'>\n              <ShortCutItems />\n            </div>                \n            <div class='tab-content' data-value='5'>\n              <div class='assets'>\n                <ColorAssetsProperty />\n                <GradientAssetsProperty />    \n                <PatternAssetsProperty />    \n                <ImageAssetsProperty />      \n                <VideoAssetsProperty />       \n                <SVGFilterAssetsProperty />                \n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:jn("$header .tab-item:not(.extra-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&Oot(e.prototype,n),r&&Oot(e,r),i}(Ao);function Rot(t){return(Rot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $ot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _ot(t,e){return(_ot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Cot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Dot(t);if(e){var o=Dot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Tot(this,n)}}function Tot(t,e){return!e||"object"!==Rot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Dot(t){return(Dot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Aot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_ot(t,e)}(i,t);var e,n,r,o=Cot(i);function i(){return $ot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{LayerTab:xot}}},{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <LayerTab />\n      </div>\n    '}}])&&Eot(e.prototype,n),r&&Eot(e,r),i}(Ao);function Iot(t){return(Iot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Lot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Mot(t,e){return(Mot=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Bot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Fot(t);if(e){var o=Fot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return zot(this,n)}}function zot(t,e){return!e||"object"!==Iot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Fot(t){return(Fot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Got=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Mot(t,e)}(i,t);var e,n,r,o=Bot(i);function i(){return Vot(this,i),o.apply(this,arguments)}return e=i,(n=[{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    "}}])&&Lot(e.prototype,n),r&&Lot(e,r),i}(Ao);function Hot(t){return(Hot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Xot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Not(t,e){return(Not=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kot(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wot(t);if(e){var o=Wot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uot(this,n)}}function Uot(t,e){return!e||"object"!==Hot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wot(t){return(Wot=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zot=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Not(t,e)}(i,t);var e,n,r,o=Kot(i);function i(){return Xot(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return SQ}},{key:"template",value:function(){return"\n      <div class='external-tool-menu  right'>\n        <div class='items'>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    "}}])&&Yot(e.prototype,n),r&&Yot(e,r),i}(Ao);function qot(t){return(qot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jot(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qot(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tit(t,e){return(tit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function eit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rit(t);if(e){var o=rit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nit(this,n)}}function nit(t,e){return!e||"object"!==qot(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rit(t){return(rit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var oit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tit(t,e)}(i,t);var e,n,r,o=eit(i);function i(){return Jot(this,i),o.apply(this,arguments)}return e=i,(n=[{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(Wb.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:jn("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Do("showExportWindow"),value:function(){this.show(),this.refresh()}}])&&Qot(e.prototype,n),r&&Qot(e,r),i}(Ao);function iit(t){return(iit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ait(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uit(t,e){return(uit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fit(t);if(e){var o=fit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lit(this,n)}}function lit(t,e){return!e||"object"!==iit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fit(t){return(fit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uit(t,e)}(i,t);var e,n,r,o=sit(i);function i(){return ait(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"export-window"}},{key:"getTitle",value:function(){return"Export"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="tab number-tab" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" 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 selected" 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:Do("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var t=this,e=this.$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=_c.generate(this.$editor);if(this.refs.$js.text(o.js),this.$selection.currentArtboard){var i=_c.generateSVG(this.$editor,this.$selection.currentArtboard);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(dn.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(Q(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:jn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&cit(e.prototype,n),r&&cit(e,r),i}(oit);function yit(t){return(yit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hit(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vit(t,e){return(vit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=git(t);if(e){var o=git(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mit(this,n)}}function mit(t,e){return!e||"object"!==yit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function git(t){return(git=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vit(t,e)}(i,t);var e,n,r,o=bit(i);function i(){return hit(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"login-window"}},{key:"getTitle",value:function(){return"Login"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$login\'>Login</button>\n            </div>\n        '}},{key:jn("$login"),value:function(t){var e=this,n=this.refs.$email.value,r=this.refs.$password.value;firebase.auth().signInWithEmailAndPassword(n,r).then((function(t){e.$editor.setUser(t),e.hide()})).catch((function(t){t.code,t.message,console.log(t)}))}},{key:Do("showLoginWindow"),value:function(){this.show()}}])&&dit(e.prototype,n),r&&dit(e,r),i}(oit);function Oit(t){return(Oit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kit(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Sit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jit(t,e){return(jit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Pit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rit(t);if(e){var o=Rit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xit(this,n)}}function xit(t,e){return!e||"object"!==Oit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rit(t){return(Rit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var $it={SignWindow:function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jit(t,e)}(i,t);var e,n,r,o=Pit(i);function i(){return kit(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"getClassName",value:function(){return"sign-window"}},{key:"getTitle",value:function(){return"Sign"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>fullname <input type="text" ref="$fullname" /></label>\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$register\'>Register</button>\n            </div>\n        '}},{key:jn("$register"),value:function(){console.log(firebase);var t=this.refs.$email.value,e=this.refs.$password.value;firebase.auth().createUserWithEmailAndPassword(t,e).catch((function(t){t.code,t.message,console.log(t)}))}},{key:Do("showSignWindow"),value:function(){this.show()}}])&&Sit(e.prototype,n),r&&Sit(e,r),i}(oit),LoginWindow:wit,ExportWindow:pit};function Eit(t){return(Eit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _it(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Cit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Tit(t,e){return(Tit=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Dit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Iit(t);if(e){var o=Iit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ait(this,n)}}function Ait(t,e){return!e||"object"!==Eit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Iit(t){return(Iit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Vit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tit(t,e)}(i,t);var e,n,r,o=Dit(i);function i(){return _it(this,i),o.apply(this,arguments)}return e=i,(n=[{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            <input type='file' accept='video/*' multiple=\"true\" ref='$video' class='embed-video-input'/>\n        </div>\n        "}},{key:An("$file"),value:function(t){var e=this;this.refs.$file.files.forEach((function(t){e.emit("updateImage",t,e.state.rect)}))}},{key:An("$video"),value:function(t){var e=this;this.refs.$video.files.forEach((function(t){e.emit("updateVideo",t,e.state.rect)}))}},{key:Do("openImage"),value:function(t){this.state.rect=t,this.refs.$file.click()}},{key:Do("openVideo"),value:function(t){this.state.rect=t,this.refs.$video.click()}}])&&Cit(e.prototype,n),r&&Cit(e,r),i}(Ao);function Lit(t){return(Lit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Mit(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Bit(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Bit(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Bit(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function zit(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Fit(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Git(t,e){return(Git=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Hit(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Yit(t);if(e){var o=Yit(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Xit(this,n)}}function Xit(t,e){return!e||"object"!==Lit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Yit(t){return(Yit=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Nit={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},Kit=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Git(t,e)}(i,t);var e,n,r,o=Hit(i);function i(){return zit(this,i),o.apply(this,arguments)}return e=i,(n=[{key:Do("refreshCanvas","refreshSelection")+nr(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(t){var e=this,n=this.$selection.currentArtboard,r=n.searchById(t.id);if(r){var o=this.$timeline.checkLayer(r.id),i=n.searchById(r.id);return"\n        <div class='timeline-object' data-timeline-animation-id=\"".concat(r.id,"\">\n            <div class='timeline-object-row layer' data-selected='").concat(o,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(Wb.chevron_right,"</div>\n                <div class='title'> ").concat(r.name,"</div>\n                <div class='tools'>\n                    <button type=\"button\" class='remove-timeline' data-layer-id='").concat(r.id,"'>").concat(Wb.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(t.properties.map((function(t){var n=e.$timeline.checkProperty(r.id,t.property);return"\n                <div class='timeline-object-row layer-property' data-selected='".concat(n,"' data-layer-id='").concat(r.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 Nit[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?i.totalLength:"","\n                      ").concat("points"===t.property?i.totalLength:"","\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(r.id,"' data-property='").concat(t.property,"'>").concat(Wb.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(r.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:ur()+er,value:function(){var t=this,e=this.$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")})),this.$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:jn("$el .timeline-object-row.layer .title"),value:function(t){var e=t.$dt.closest("timeline-object");e.toggleClass("collapsed");var n=t.$dt.closest("timeline-object-row").attr("data-layer-id");this.$timeline.selectLayer(n),this.$timeline.toggleLayerContainer(e.attr("data-timeline-animation-id")),this.refreshSelection(),this.emit("toggleTimelineObjectRow",n,e.hasClass("collapsed"))}},{key:jn("$el .timeline-object-row.layer .add-property"),value:function(t){var e=t.$dt.closest("timeline-object-row").$(".property-select").val(),n=t.$dt.attr("data-layer-id");if(e){var r=this.$selection.current;this.emit("addTimelineProperty",{layerId:n,property:e,value:r[e]})}}},{key:jn("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$dt.attr("data-layer-id");e&&this.emit("removeTimeline",e)}},{key:jn("$el .timeline-object-row.layer-property .add"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("copyTimelineProperty",e,n)}},{key:jn("$el .timeline-object-row.layer-property .remove"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("removeTimelineProperty",e,n)}},{key:jn("$el .timeline-object-row.layer-property .title"),value:function(t){var e=Mit(t.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),2),n=e[0],r=e[1];this.$timeline.selectProperty(n,r),this.refreshSelection(),this.emit("refreshTimeline")}},{key:Do("refreshTimeline"),value:function(){this.refresh()}}])&&Fit(e.prototype,n),r&&Fit(e,r),i}(Ao);function Uit(t){return(Uit="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Wit(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Zit(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wit(Object(n),!0).forEach((function(e){qit(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wit(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qit(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Jit(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;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(t,e){if(!t)return;if("string"==typeof t)return Qit(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Qit(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Qit(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function tat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function eat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function nat(t,e){return(nat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function rat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=iat(t);if(e){var o=iat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return oat(this,n)}}function oat(t,e){return!e||"object"!==Uit(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iat(t){return(iat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var aat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&nat(t,e)}(i,t);var e,n,r,o=rat(i);function i(){return tat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"config",value:function(t){return this.parent.state[t]}},{key:"calculateTimeToPosition",value:function(t,e,n){var r=(t-e)/(n-e);return ln.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=this.$selection.currentArtboard,o=Jit(e.split(",").map((function(t){return t.trim()})),1)[0],i=r.searchById(o);i&&(e=i.d)}else e=null;if(e){var a=I$(new Ya(e).segments),c=a.totalLength,u=a.interpolateList,s=0;(n=u.map((function(t){var e={totalLength:c,length:t.length+s};return s+=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){var i=r.calculateTimeToPosition(t.time,e.displayStartTime,e.displayEndTime),a=r.makeSubOffset(n.property,t.value);return Zit(Zit({left:i},t),{},{subOffset:a,index:o})}));return"\n        <div class='keyframe-back'".concat(et({"data-layer-id":t,"data-property":n.property}),">\n\n            ").concat(o.map((function(e,i){var a=o[i+1];if(!a)return"";var c=ln.px(e.left.value),u=ln.px(a.left.value-e.left.value),s=r.$timeline.checked(e.id)&&r.$timeline.checked(a.id);return"\n                    <div ".concat(et({"data-selected":"".concat(s),class:{"offset-line":!0}})," style='left: ").concat(c,"; width: ").concat(u,"'} ></div>\n\n                    ").concat(e.subOffset.map((function(r,o){var i=ln.px(e.left.value+r.length/r.totalLength*u.value);return"\n                        <div class='".concat(nt({"sub-offset":!0}),"' style='left: ").concat(i,"' ").concat(et({"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 o=r.$timeline.checked(e.id);return"<div class='offset' style='left: ".concat(e.left,"' ").concat(et({"data-selected":"".concat(o),"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=this.$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 ".concat(nt({collapsed:e.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div class='timeline-keyframe-row layer'  ").concat(et({"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(et({"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=dn.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=L(t)?this.state.rowIndex:+t}},{key:$n("$el")+qn("Backspace"),value:function(t){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(t,e){return 0===t&&0===e}},{key:Gn("$el")+Zn("hasDragPlace")+or("moveDragArea")+ir("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(dn.create(t.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(t,e){if(!this.isNotMoved(t,e)){var n=t<0?ln.px(this.dragXY.x+t):ln.px(this.dragXY.x),r=e<0?ln.px(this.dragXY.y+e):ln.px(this.dragXY.y),o=ln.px(Math.abs(t)),i=ln.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(dn.create(this.$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=Jit(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.isNotMoved(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);this.$timeline.selectBySearch(this.getLayerList(),r,o),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:ur("$keyframeList")+er,value:function(){var t=this,e=this.$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:jn("$el .timeline-keyframe-row.layer .title"),value:function(t){t.$dt.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:Pn("$el .layer-property"),value:function(t){var e=Jit(t.$dt.attrs("data-layer-id","data-property"),2),n=e[0],r=e[1],o=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("addTimelineKeyframe",{layerId:n,property:r,time:o}),this.doubleClicked=!0,this.refresh()}},{key:Gn("$el .layer-property .offset")+Zn("hasCurrentTimeline")+or("moveOffset")+ir("moveEndOffset"),value:function(t){var e=this;this.$offset=t.$dt;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=this.$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,this.$timeline.checked(n)||this.$timeline.select(this.offset),this.cachedOffsetList={},this.$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;if(!this.isNotMoved(t,e)){var 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);this.$timeline.each((function(t){var e=n.cachedOffsetList[t.id]+u*c;e=Math.max(e,o),e=Math.min(e,i);var r=Uc(a,e);e=Kc(a,r),t.time=e})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:Do("toggleTimelineObjectRow"),value:function(t,e){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(t,'"]')).toggleClass("collapsed",e)}},{key:"moveEndOffset",value:function(t,e){if(this.isNotMoved(t,e))return this.refresh(),void this.emit("refreshOffsetValue",this.offset);var n=this.$selection.currentArtboard;n&&(this.$timeline.each((function(t){n.sortTimelineKeyframe(t.layerId,t.property)})),this.refresh())}},{key:Do("addTimeline","moveTimeline")+nr(100),value:function(){this.refresh()}},{key:Do("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Do("resize.window")+nr(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}}])&&eat(e.prototype,n),r&&eat(e,r),i}(Ao);function cat(t){return(cat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lat(t,e){return(lat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function fat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=yat(t);if(e){var o=yat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return pat(this,n)}}function pat(t,e){return!e||"object"!==cat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yat(t){return(yat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var hat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lat(t,e)}(i,t);var e,n,r,o=fat(i);function i(){return uat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(Wb.timer,'</button>\n                <label><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:Do("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:Do("refreshTimeline"),value:function(){this.refresh()}},{key:Do("moveTimeline","refreshSelection")+rr(10),value:function(){this.refresh()}},{key:$n("$fps")+Jn,value:function(t){var e=+this.refs.$fps.val(),n=this.$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:jn("$timer"),value:function(){var t=this.$selection.currentArtboard;t&&(t.seek(this.refs.$currentTime.value,(function(t){return!0})),this.emit("playTimeline"))}},{key:Rn("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:$n("$currentTime")+Jn+Zn("checkNumberOrTimecode")+Zn("hasCurrentTimeline")+ar,value:function(t){var e=this.refs.$currentTime.value,n=this.$selection.currentArtboard;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:Rn("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:$n("$duration")+Jn+Zn("checkNumberOrTimecode")+Zn("hasCurrentTimeline")+ar,value:function(t){var e=this.refs.$duration.value,n=this.$selection.currentArtboard;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&sat(e.prototype,n),r&&sat(e,r),i}(Ao);function dat(t){return(dat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mat(t,e){return(mat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function gat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Oat(t);if(e){var o=Oat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return wat(this,n)}}function wat(t,e){return!e||"object"!==dat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Oat(t){return(Oat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var kat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mat(t,e)}(i,t);var e,n,r,o=gat(i);function i(){return vat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{KeyframeTimeControl:hat}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <KeyframeTimeControl />\n            </div>\n        "}}])&&bat(e.prototype,n),r&&bat(e,r),i}(Ao);function Sat(t){return(Sat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jat(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pat(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Rat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $at(t,e){return($at=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Eat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Cat(t);if(e){var o=Cat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return _at(this,n)}}function _at(t,e){return!e||"object"!==Sat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cat(t){return(Cat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Tat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$at(t,e)}(i,t);var e,n,r,o=Eat(i);function i(){return xat(this,i),o.apply(this,arguments)}return e=i,(n=[{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=ln.percent(t.displayStartTime/t.totalTime*100),n=ln.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:ln.percent(n.value-e.value)})}}},{key:Gn("$start")+Zn("hasCurrentTimeline")+or("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=ln.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveStartButton",value:function(){var t=this.$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:Gn("$end")+Zn("hasCurrentTimeline")+or("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=ln.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveEndButton",value:function(){var t=this.$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:Gn("$gauge")+Zn("hasCurrentTimeline")+or("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=this.$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(Pat({},t,e),!1)}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_grid_font_color"),e=this.$theme("timeline_timeview_bottom_color"),n=this.$theme("timeline_line_color"),r=this.currentTimeline;if(r){var o=this.$el.rect(),i=o.width,a=(o.height,r.displayStartTime),c=r.displayEndTime,u=r.fps,s=r.currentTime,l=Math.floor(a*u),f=Math.floor(c*u),p=(i=o.width,f-l),y=5;p<100?y=10:p<1e3?y=100:p<1e4?y=1e3:p<1e5&&(y=1e4),l%y!=0&&(l+=y-l%y);var h={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:i,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),o=i-20;for(this.drawOption(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jat(Object(n),!0).forEach((function(e){Pat(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jat(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},h));l<f;l+=y){var p=(Kc(u,l)-a)/(c-a)*o;this.drawOption({fillStyle:t}),this.drawText(p+10,7,Wc(u,l).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var d=(s-a)/(c-a)*o;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([d-4+10,r.height-10],[d+4+10,r.height-10],[d+4+10,r.height-4],[d+10,r.height],[d-4+10,r.height-4],[d-4+10,r.height-10])}))}}},{key:Gn("$canvas")+Zn("hasCurrentTimeline")+or()+ir("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.artboard=this.$selection.currentArtboard,this.emit("hideSelectionToolView"),this.$selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var t=this.width,e=t,n=this.$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(){this.emit("resetSelection")}},{key:Do("resize.window")+nr(100),value:function(){this.refresh()}},{key:Do("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Do("moveTimeline","refreshSelection")+rr(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&Rat(e.prototype,n),r&&Rat(e,r),i}(Ao);function Dat(t){return(Dat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Aat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Iat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Vat(t,e){return(Vat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Lat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Bat(t);if(e){var o=Bat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Mat(this,n)}}function Mat(t,e){return!e||"object"!==Dat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Bat(t){return(Bat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var zat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vat(t,e)}(i,t);var e,n,r,o=Lat(i);function i(){return Aat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"template",value:function(){return"\n            <div class='keyframe-time-grid-view'>\n                <canvas ref=\"$canvas\"></canvas>\n            </div>\n        "}},{key:"refresh",value:function(){this.refreshCanvas()}},{key:"currentTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_line_color"),e=this.currentTimeline();if(e){var n=this.$el.rect().width,r=e.currentTime,o=e.displayStartTime,i=e.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var e=this.rect(),a=(r-o)/(i-o)*(n-20);this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(a+10,0,a+10,e.height)}))}}},{key:Do("resize.window")+nr(100),value:function(){this.refresh()}},{key:Do("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Do("moveTimeline","refreshSelection")+rr(50),value:function(){this.refresh()}}])&&Iat(e.prototype,n),r&&Iat(e,r),i}(Ao);function Fat(t){return(Fat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gat(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hat(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Xat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Nat(t,e){return(Nat=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kat(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wat(t);if(e){var o=Wat(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uat(this,n)}}function Uat(t,e){return!e||"object"!==Fat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wat(t){return(Wat=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zat=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Nat(t,e)}(i,t);var e,n,r,o=Kat(i);function i(){return Xat(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{CSSPropertyEditor:HF,CubicBezierEditor:tM}}},{key:"initState",value:function(){return{time:0,timing:"linear",selectedIndex:1}}},{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:L(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter((function(t){return t.key}))}},{key:"refresh",value:function(){var t=this.$selection.currentArtboard,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=Uc(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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" data-value="1">\n                    <label>'.concat(this.$i18n("timeline.value.editor.value"),'</label>\n                </div>          \n                <div class="tab-item" data-value="2">\n                    <label>').concat(this.$i18n("timeline.value.editor.timing"),'</label> \n                </div>                            \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content selected 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:jn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1),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:Rn("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:$n("$offsetTime")+Jn+Zn("checkNumberOrTimecode")+ar,value:function(t){var e=this.refs.$offsetTime.value,n=this.$selection.currentArtboard;if(n){var r=n.getSelectedTimeline();this.updateData({time:Kc(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <input type=\"text\" ref='$offsetTime' />\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(Wb.gps_fixed,"</button>\n      </div>\n    ")}},{key:jn("$seek"),value:function(){var t=this,e=this.$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"\n      <CSSPropertyEditor ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{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:Do("refreshPropertyValue"),value:function(){var t=this.$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:Do("refreshOffsetValue"),value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gat(Object(n),!0).forEach((function(e){Hat(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gat(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t),!1),this.refresh()}},{key:Do("changeCubicBezier"),value:function(t,e){this.updateData(Hat({},t,e+""))}},{key:Do("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}])&&Yat(e.prototype,n),r&&Yat(e,r),i}(Ao);function qat(t){return(qat="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jat(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qat(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function tct(t,e){return(tct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function ect(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=rct(t);if(e){var o=rct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return nct(this,n)}}function nct(t,e){return!e||"object"!==qat(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rct(t){return(rct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var oct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tct(t,e)}(i,t);var e,n,r,o=ect(i);function i(){return Jat(this,i),o.apply(this,arguments)}return e=i,(n=[{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' title='").concat(this.$i18n("timeline.play.control.play"),"'>").concat(Wb.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(Wb.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(Wb.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(Wb.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(Wb.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(Wb.skip_next,"</button>\n                    </div>\n                </div>\n                <div class='row'>            \n                    <label title='Speed'>").concat(this.$i18n("timeline.play.control.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'>").concat(this.$i18n("timeline.play.control.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> ").concat(this.$i18n("timeline.play.control.direction"),"</label>\n                    <div class='direction-buttons' ref='$direction' data-selected-direction='").concat(this.state.direction,"'>\n                        <button type=\"button\" data-value='normal' title='").concat(this.$i18n("timeline.play.control.normal"),"'>").concat(Wb.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(Wb.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(Wb.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(Wb.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();return r&&(t=r.speed,e=r.iterationCount,n=r.direction),{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=this.$selection.currentArtboard;e&&e.setTimelineInfo(t)}},{key:jn("$playButtons button"),value:function(t){var e=t.$dt.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("firstTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"prev",value:function(){this.emit("prevTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"next",value:function(){this.emit("nextTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"last",value:function(){this.emit("lastTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"play",value:function(){this.emit("playTimelineItem",this.state.speed,this.state.iterationCount,this.state.direction)}},{key:"pause",value:function(){this.emit("pauseTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:Do("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:jn("$direction button"),value:function(t){this.updateData({direction:t.$dt.attr("data-value")}),this.refresh()}},{key:jn("$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:In("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:In("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:pr("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:pr("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:pr("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:Do("selectTimeline"),value:function(){this.refresh()}}])&&Qat(e.prototype,n),r&&Qat(e,r),i}(Ao);function ict(t){return(ict="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function act(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uct(t,e){return(uct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function sct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=fct(t);if(e){var o=fct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return lct(this,n)}}function lct(t,e){return!e||"object"!==ict(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fct(t){return(fct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var pct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uct(t,e)}(i,t);var e,n,r,o=sct(i);function i(){return act(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{TimelineAnimationProperty:o9,TimelinePlayControl:oct,TimelineValueEditor:Zat,KeyframeTimeView:Tat,TimelineKeyframeList:aat,TimelineObjectList:Kit,TimelineTopToolbar:kat,KeyframeTimeGridView:zat}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{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:zn("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:zn("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:Do("refreshValueEditor")+nr(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:Do("changeKeyframeValue"),value:function(t){this.emit("setTimelineOffset",t)}},{key:Cn("$area")+ar,value:function(t){}},{key:_n("$area")+ar,value:function(t){this.emit("addTimelineItem",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow())}}])&&cct(e.prototype,n),r&&cct(e,r),i}(BQ);function yct(t){return(yct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vct(t,e){return(vct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function bct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=gct(t);if(e){var o=gct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return mct(this,n)}}function mct(t,e){return!e||"object"!==yct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function gct(t){return(gct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var wct=Object.keys(Io),Oct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vct(t,e)}(i,t);var e,n,r,o=bct(i);function i(){return hct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sL}}},{key:"template",value:function(){var t=this,e=wct.map((function(e){var n=t.$i18n("app.lang.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='language-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Do("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}])&&dct(e.prototype,n),r&&dct(e,r),i}(Ao);function kct(t){return(kct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Pct(t,e){return(Pct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function xct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=$ct(t);if(e){var o=$ct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Rct(this,n)}}function Rct(t,e){return!e||"object"!==kct(e)&&"function"!=typeof e?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)}var Ect=["dark","light"],_ct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Pct(t,e)}(i,t);var e,n,r,o=xct(i);function i(){return Sct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{SelectEditor:sL}}},{key:"template",value:function(){var t=this,e=Ect.map((function(e){var n=t.$i18n("app.theme.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='theme-switcher'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.theme,'" \n                        onchange="changeItem"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Do("changeItem"),value:function(t,e){this.emit("switchTheme",e)}}])&&jct(e.prototype,n),r&&jct(e,r),i}(Ao);function Cct(t){return(Cct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Dct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Act(t,e){return(Act=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ict(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Lct(t);if(e){var o=Lct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Vct(this,n)}}function Vct(t,e){return!e||"object"!==Cct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Lct(t){return(Lct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Mct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Act(t,e)}(i,t);var e,n,r,o=Ict(i);function i(){return Tct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"components",value:function(){return{LanguageSelector:Oct,ThemeSwitcher:_ct}}},{key:"template",value:function(){return"\n            <div class='status-bar'>\n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$tool'>\n                    <ThemeSwitcher />\n                    <LanguageSelector />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:pr("$msg"),value:function(){return{text:this.state.msg}}},{key:Do("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}])&&Dct(e.prototype,n),r&&Dct(e,r),i}(Ao);function Bct(t){return(Bct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zct(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Fct(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zct(Object(n),!0).forEach((function(e){Gct(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zct(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gct(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Hct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xct(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Yct(t,e,n){return(Yct="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=Wct(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 Nct(t,e){return(Nct=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Kct(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Wct(t);if(e){var o=Wct(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Uct(this,n)}}function Uct(t,e){return!e||"object"!==Bct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Wct(t){return(Wct=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var Zct=["INPUT","SELECT","TEXTAREA"],qct=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Nct(t,e)}(i,t);var e,n,r,o=Kct(i);function i(){return Hct(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"initialize",value:function(){Yct(Wct(i.prototype),"initialize",this).call(this);var t=dn.body();t.attr("data-theme",this.$editor.theme),t.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{leftSize:280}}},{key:Do("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n\n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n              <ToolMenu />    \n              <PageSubEditor />      \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <CanvasView />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <ObjectList />\n          </div>\n          <div class=\"layout-right\">\n            <Inspector />\n          </div>\n\n          <div class='layout-tools'>\n            <button ref='$toggleRight'>".concat(Wb.dahaze,"</button>\n          </div>\n          <div class='layout-footer'>\n            <TimelineProperty />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>                 \n        </div>\n        \n        <StatusBar />\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        <PatternInfoPopup />\n        <SVGFilterPopup />\n        <StyleView />    \n        <ExportWindow />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        <ImageFileView />\n      </div>\n    ")}},{key:pr("$headerPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:pr("$splitter"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:pr("$leftPanel"),value:function(){return{style:{width:"".concat(this.state.leftSize,"px")}}}},{key:pr("$bodyPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:"components",value:function(){return Fct(Fct(Fct({},$it),hrt),{},{ObjectList:Aot,Inspector:X7,ToolMenu:CQ,PageSubEditor:KK,CanvasView:fU,StyleView:Prt,LogoView:Got,ExternalToolMenu:Zot,ImageFileView:Vit,StatusBar:Mct,TimelineProperty:pct,PreviewToolMenu:aot})}},{key:Gn("$splitter")+or("moveSplitter")+ir("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=ln.parse(this.refs.$splitter.css("left")).value}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)},!1),this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$bodyPanel"),this.emit("resizeEditor")}},{key:Do("changeTheme"),value:function(){dn.create(document.body).attr("data-theme",this.$editor.theme)}},{key:Do("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t)}},{key:Kn("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:Do("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:Do("refreshAllSelectProject"),value:function(){this.emit("refreshArtBoardList"),this.emit("refreshArtboard")}},{key:Cn("$middle")+ar,value:function(t){}},{key:_n("$middle")+ar,value:function(t){var e=jC.getAllDropItems(t);this.emit("fileDropItems",e)}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!1===Zct.includes(e)&&"true"!==dn.create(t.target).attr("contenteditable")}},{key:Rn("document")+Zn("isNotFormElement"),value:function(t){this.emit("keymap.keydown",t)}},{key:$n("document")+Zn("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}])&&Xct(e.prototype,n),r&&Xct(e,r),i}(Ao);function Jct(t){return(Jct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qct(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tut(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qct(Object(n),!0).forEach((function(e){eut(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qct(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eut(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nut(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rut(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function out(t,e,n){return(out="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=uut(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 iut(t,e){return(iut=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function aut(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=uut(t);if(e){var o=uut(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return cut(this,n)}}function cut(t,e){return!e||"object"!==Jct(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uut(t){return(uut=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var sut=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iut(t,e)}(i,t);var e,n,r,o=aut(i);function i(){return nut(this,i),o.apply(this,arguments)}return e=i,r=[{key:"parse",value:function(t){return new i(t)}},{key:"parseStyle",value:function(t){var e=null;if(t["border-image"]){var n=Se(t["border-image"]);n.str.match(/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi).forEach((function(r,o){var a=null;r=Pe(r,n.matches);var c=t["border-image"].replace(r,"").split(" ").map((function(t){return ln.parse(t)}));r.includes("repeating-linear-gradient")?a=zs.parse(r):r.includes("linear-gradient")?a=_s.parse(r):r.includes("repeating-radial-gradient")?a=yl.parse(r):r.includes("radial")?a=rl.parse(r):r.includes("repeating-conic-gradient")?a=zl.parse(r):r.includes("conic")?a=Cl.parse(r):r.includes("url")&&(a=hs.parse(r)),e=new i({type:a.type,image:a});var u=c.filter((function(t){return Y(t.value)}));1===u.length?e.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[0].clone(),right:u[0].clone()}}):2===u.length?e.reset({slice:{top:u[0].clone(),bottom:u[0].clone(),left:u[1].clone(),right:u[1].clone()}}):3===u.length?e.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[1].clone(),right:u[1].clone()}}):4===u.length&&e.reset({slice:{top:u[0].clone(),bottom:u[2].clone(),left:u[3].clone(),right:u[1].clone()}})}))}return e}}],(n=[{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 hs({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 Qu(tut(tut({},a),{},{colorsteps:n}));case"linear-gradient":return new _s(tut(tut({},a),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new zs(tut(tut({},a),{},{colorsteps:n,angle:r}));case"radial-gradient":return new rl(tut(tut({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new yl(tut(tut({},a),{},{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Cl(tut(tut({},a),{},{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new zl(tut(tut({},a),{},{colorsteps:n,angle:r,radialPosition:i}))}return new Fu}},{key:"getDefaultObject",value:function(){return out(uut(i.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:Qu.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach((function(e){t.slice[e]=ln.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(){if(!this.json.image)return{};var t=this.json.image.toString();return{"border-image-source":"".concat(t)}}},{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(){return tut(tut(tut(tut({},this.toBorderImageCSS()),this.toBorderImageRepeatCSS()),this.toBorderImageSliceCSS()),this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return D(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}}])&&rut(e.prototype,n),r&&rut(e,r),i}(ui);function lut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fut(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lut(Object(n),!0).forEach((function(e){put(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lut(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function put(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var yut=fut(fut(fut({},Xf),i$),{},{BackgroundImage:nf,BorderImage:sut,BoxShadow:Wx}),hut={ColorStep:$u,ConicGradient:Cl,LinearGradient:_s,RadialGradient:rl,RepeatingConicGradient:zl,RepeatingLinearGradient:zs,RepeatingRadialGradient:yl,URLImageResource:hs},dut={AssetParser:Ra,PathGenerator:nI,PathParser:Ya,PathStringManager:Qa,Point:Ia,SegmentManager:FA,PolygonParser:x$};function vut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function but(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vut(Object(n),!0).forEach((function(e){mut(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vut(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mut(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var gut=but(but(but(but(but({createCSSEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return bp(but({components:{CSSEditor:qct},template:"<CSSEditor ".concat(t.embed?'embed="true"':""," />")},t))},CSSEditor:qct},yut),hut),KD),dut),{},{Length:ln});function wut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Out(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wut(Object(n),!0).forEach((function(e){kut(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wut(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kut(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Sut(){return new gut.createCSSEditor}e.default=Out(Out(Out(Out({version:"0.9.52"},mp),wv),gut),{},{startEditor:Sut});window.EasylogicEditor=Sut(),"serviceWorker"in navigator&&window.addEventListener("load",(function(){navigator.serviceWorker.register("/service-worker.js").then((function(t){console.log("SW registered: ",t)})).catch((function(t){console.log("SW registration failed: ",t)}))}))}])}));
\ No newline at end of file
diff --git a/docs/main.d6a4e3d003f1043a3454.css b/docs/main.d6a4e3d003f1043a3454.css
deleted file mode 100644
index 44820377e..000000000
--- a/docs/main.d6a4e3d003f1043a3454.css
+++ /dev/null
@@ -1,26 +0,0 @@
-
-/* 
- * MIT License
- * 
- * Copyright (c) 2019 jinho park (cyberuls@gmail.com, easylogic)
- * 
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- * 
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-.colorpicker{position:relative;width:224px;z-index:1000;display:inline-block;border:1px solid rgba(0,0,0,.2);background-color:#fff;border-radius:3px;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker>.arrow{position:absolute;top:-10px;left:7px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;display:none;border-bottom:10px solid rgba(0,0,0,.2);pointer-events:none}.colorpicker>.arrow:after{position:absolute;content:"";top:1px;left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.colorpicker .colorpicker-body .arrow-button{position:relative;width:10px;height:12px;padding:0px}.colorpicker .colorpicker-body .arrow-button:before{content:"";display:inline-block;position:absolute;left:0px;right:0px;top:0px;height:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .arrow-button:after{content:"";display:inline-block;position:absolute;left:0px;right:0px;bottom:0px;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .color-tab{display:flex;flex-direction:column;height:350px;box-sizing:border-box;border:1px solid #ececec}.colorpicker .colorpicker-body .color-tab.xd{height:200px}.colorpicker .colorpicker-body .color-tab .color-tab-header{flex:none;display:flex;flex-direction:row;height:20px}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item{flex:1 1 auto;cursor:pointer;background-color:#ececec;text-align:center;height:100%;padding:4px 10px;box-sizing:border-box}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item.active{background-color:#fff;border-bottom-color:#fff}.colorpicker .colorpicker-body .color-tab .color-tab-body{flex:1 1 auto;position:relative}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content{display:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content.active{display:block}.colorpicker .colorpicker-body .color-panel{position:relative;height:120px;overflow:hidden;cursor:pointer}.colorpicker .colorpicker-body .color-panel>.saturation{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{position:absolute;width:10px;height:10px;border-radius:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker .colorpicker-body .color-panel>.saturation{background-color:rgba(204,154,129,0);background-image:linear-gradient(to right, #FFF, rgba(204, 154, 129, 0));background-repeat:repeat-x}.colorpicker .colorpicker-body .color-panel>.saturation>.value{background-image:linear-gradient(to top, #000000, rgba(204, 154, 129, 0))}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.colorpicker .colorpicker-body .control{position:relative;padding:10px 0px 10px 0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker .colorpicker-body .control>.color,.colorpicker .colorpicker-body .control>.empty{position:absolute;left:12px;top:14px;width:30px;height:30px;border-radius:50%;box-sizing:border-box}.colorpicker .colorpicker-body .control>.color{border:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .control>.hue{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.hue>.hue-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control>.opacity{position:relative;padding:3px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{position:absolute;cursor:pointer;top:50%;left:0px;transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker .colorpicker-body .control>.hue>.hue-container{background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control>.opacity>.opacity-container>.color-bar{position:absolute;display:block;content:"";left:0px;right:0px;bottom:0px;top:0px}.colorpicker .colorpicker-body .control>.empty{background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{border:1px solid rgba(0,0,0,.05);box-shadow:2px 2px 2px 0px rgba(0,0,0,.2);background-color:#fefefe}.colorpicker .colorpicker-body .information{position:relative;box-sizing:border-box}.colorpicker .colorpicker-body .information>input{position:absolute;font-size:10px;height:20px;bottom:20px;padding:0 0 0 2px;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.colorpicker .colorpicker-body .information>input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information.hex>.information-item.hex{display:flex}.colorpicker .colorpicker-body .information.rgb>.information-item.rgb{display:flex}.colorpicker .colorpicker-body .information.hsl>.information-item.hsl{display:flex}.colorpicker .colorpicker-body .information>.information-item{display:none;position:relative;padding:0px 5px;padding-left:9px;box-sizing:border-box;margin-right:40px}.colorpicker .colorpicker-body .information>.information-item>.input-field{display:block;flex:1;padding:3px 1px;box-sizing:border-box;position:relative}.colorpicker .colorpicker-body .information>.information-item>.input-field>.title{text-align:center;font-size:12px;color:#a9a9a9;padding-top:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input{text-align:center;width:100%;padding:3px;height:21px;font-size:11px;color:#333;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #cbcbcb;border-radius:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-l input[type=number],.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-s input[type=number]{padding-left:1px;padding-right:10px}.colorpicker .colorpicker-body .information>.information-item>.input-field .postfix{display:inline-block;position:absolute;right:1px;top:2px;height:21px;line-height:2;padding:2px;box-sizing:border-box;text-align:center;font-size:11px}.colorpicker .colorpicker-body .information>.information-change{position:absolute;display:block;width:40px;top:0px;right:0px;bottom:0px;text-align:center;box-sizing:border-box;padding-top:5px}.colorpicker .colorpicker-body .information>.information-change>.format-change-button{box-sizing:border-box;background:transparent;border:0px;cursor:pointer;outline:none}.colorpicker .colorpicker-body .information>.title{color:#a3a3a3}.colorpicker .colorpicker-body .information>.input{color:#333}.colorpicker .colorpicker-body .colorsets{border-top:1px solid #e2e2e2}.colorpicker .colorpicker-body .colorsets>.menu{float:right;padding:10px 5px;padding-right:15px}.colorpicker .colorpicker-body .colorsets>.menu button{border:0px;font-size:14px;font-weight:300;font-family:serif,sans-serif;outline:none;cursor:pointer}.colorpicker .colorpicker-body .colorsets>.color-list{margin-right:30px;display:block;padding:10px 0px 0px 10px;box-sizing:border-box;line-height:0}.colorpicker .colorpicker-body .colorsets>.color-list .color-item{width:13px;height:13px;border-radius:2px;display:inline-block;margin-right:12px;margin-bottom:12px;position:relative;background-size:contain;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .colorsets>.color-list .color-item:hover{transform:scale(1.2)}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .empty{position:absolute;left:0px;top:0px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .color-view{position:absolute;left:0px;top:0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.colorpicker .colorpicker-body .colorsets>.color-list .add-color-item{width:13px;height:13px;display:inline-block;margin-right:12px;margin-bottom:12px;cursor:pointer;line-height:1;text-align:center;font-size:16px;font-weight:400;font-family:serif,sans-serif;color:#8e8e8e;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser{position:absolute;left:0px;right:0px;bottom:0px;top:0px;opacity:0;background-color:rgba(0,0,0,.5);transition:opacity .05s ease-out;pointer-events:none}.colorpicker .colorpicker-body .color-chooser.open{opacity:1;pointer-events:all}.colorpicker .colorpicker-body .color-chooser .color-chooser-container{position:absolute;top:120px;left:0px;right:0px;bottom:0px;background-color:#fff}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{position:absolute;top:0px;left:0px;right:0px;height:34px;display:flex;padding:3px 0px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.2)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .title{flex:2;font-weight:bold;font-size:15px;box-sizing:border-box;margin-right:30px;vertical-align:middle;margin:0px;padding:5px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .items{flex:1;text-align:right;padding-right:10px;display:block;height:100%;line-height:2;cursor:pointer}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{position:absolute;top:34px;left:0px;right:0px;bottom:0px;overflow:auto}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item{cursor:pointer;display:flex;padding:3px 0px;border-bottom:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item:hover{background-color:rgba(0,0,0,.05)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .title{flex:2;font-size:14px;box-sizing:border-box;margin-right:30px;vertical-align:middle;pointer-events:none;margin:0px;padding:5px;padding-left:14px;font-weight:normal;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items{flex:3;display:block;height:100%;line-height:1.6;cursor:pointer;pointer-events:none}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item{width:13px;height:13px;border-radius:3px;display:inline-block;margin-right:10px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;background-size:contain;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item .color-view{width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker.sketch{border-radius:5px}.colorpicker.sketch>.colorpicker-body .color-panel{margin:10px 10px 2px 10px;box-sizing:border-box;height:150px}.colorpicker.sketch>.colorpicker-body>.control{padding:0px}.colorpicker.sketch>.colorpicker-body>.control>.color,.colorpicker.sketch>.colorpicker-body>.control>.empty{position:absolute;right:10px;left:auto;top:1px;width:26px;height:26px;border-radius:2px;box-sizing:border-box}.colorpicker.sketch>.colorpicker-body>.control>.color{box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,.5)}.colorpicker.sketch>.colorpicker-body>.control>.hue{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.hue>.hue-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity>.opacity-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control .drag-bar,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2{border-radius:0px;top:50%;left:0px;width:2px;height:80%;transform:translateX(-50%) translateY(-50%);border-radius:1px;bottom:1px !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.first,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.first{left:0px;transform:translateX(50%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.last,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.last{transform:translateX(-150%) translateY(-50%) !important}.colorpicker.sketch>.colorpicker-body>.information .information-change{display:none}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.rgb{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hex{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hsl{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.rgb{display:none !important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.hsl{display:inherit}.colorpicker.sketch>.colorpicker-body>.information .information-item{display:inline-flex !important;margin-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title{color:#000;font-size:11px;cursor:pointer}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title:hover{font-weight:bold}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field:last-child:not(:first-child){padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hex{width:70px;padding-right:0px;padding-left:5px}.colorpicker.sketch>.colorpicker-body>.information .information-item.rgb{width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hsl{display:none;width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.colorsets>.menu{display:none}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list{margin-right:0px;padding-right:12px}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list .color-item{width:16px;height:16px;border-radius:3px;margin-right:9px;margin-bottom:10px}.colorpicker.palette{border-radius:3px;box-shadow:none}.colorpicker.palette>.colorpicker-body .color-panel{display:none}.colorpicker.palette>.colorpicker-body>.control{display:none}.colorpicker.palette>.colorpicker-body>.information{display:none}.colorpicker.palette>.colorpicker-body>.colorsets{box-sizing:border-box;border-top:0px}.colorpicker.palette>.colorpicker-body>.colorsets>.color-list .color-item{width:15px;height:15px;margin-right:10px;margin-bottom:10px}.colorpicker.palette>.colorpicker-body>.color-chooser{display:none;box-sizing:border-box}.colorpicker.palette>.colorpicker-body>.color-chooser.open{display:block;top:-1px;left:-1px;right:-1px;bottom:auto;border-radius:3px;border:1px solid #d8d8d8;box-shadow:0 0px 10px 2px rgba(0,0,0,.12)}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;background-color:#fff;box-sizing:border-box;border-radius:2px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-item-header{position:relative;left:auto;top:auto;right:auto;bottom:auto;border-top-left-radius:3px;border-top-right-radius:3px}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list{position:relative;top:auto;left:auto;right:auto;bottom:auto;overflow:auto}.colorpicker.palette>.colorpicker-body>.color-chooser.open .color-chooser-container .colorsets-list .colorsets-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.colorpicker.macos .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.macos .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.macos .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.macos .control{padding-top:0px}.colorpicker.macos .control>.color,.colorpicker.macos .control>.empty{top:4px}.colorpicker.macos .value{position:relative;padding:6px 16px;margin:0px 0px 0px 42px;box-sizing:border-box;cursor:pointer}.colorpicker.macos .value>.value-container{position:relative;width:100%;height:10px;border-radius:3px;background-image:linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);box-sizing:border-box}.colorpicker.macos .value>.value-container .drag-bar{position:absolute;cursor:pointer;top:50%;left:0px;transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker.mini{width:180px;display:inline-block}.colorpicker.mini .control{padding:0px}.colorpicker.mini .control .hue,.colorpicker.mini .control .opacity{margin:0px;padding:0px}.colorpicker.mini .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:20px}.colorpicker.mini .control .drag-bar,.colorpicker.mini .control .drag-bar2{border:0px;background-color:transparent;height:100%;width:5px;box-sizing:border-box;box-shadow:none}.colorpicker.mini .control .drag-bar.last:before,.colorpicker.mini .control .drag-bar.lastafter,.colorpicker.mini .control .drag-bar2.last:before,.colorpicker.mini .control .drag-bar2.lastafter{left:1px}.colorpicker.mini .control .drag-bar.first:before,.colorpicker.mini .control .drag-bar.first:after,.colorpicker.mini .control .drag-bar2.first:before,.colorpicker.mini .control .drag-bar2.first:after{left:3px}.colorpicker.mini .control .drag-bar:before,.colorpicker.mini .control .drag-bar2:before{content:"";position:absolute;left:2px;top:0px;width:0;height:0;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}.colorpicker.mini .control .drag-bar:after,.colorpicker.mini .control .drag-bar2:after{content:"";position:absolute;left:2px;bottom:0px;width:0;height:0;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000}.colorpicker.mini-vertical{width:180px;display:inline-block}.colorpicker.mini-vertical .color-panel{display:inline-block;width:140px;height:160px;vertical-align:middle}.colorpicker.mini-vertical .control{height:160px;padding:0px;vertical-align:middle;display:inline-block}.colorpicker.mini-vertical .control .hue,.colorpicker.mini-vertical .control .opacity{margin:0px;padding:0px;width:20px;display:inline-block;vertical-align:middle;height:100%;position:relative}.colorpicker.mini-vertical .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.mini-vertical .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%;width:20px}.colorpicker.mini-vertical .control .drag-bar,.colorpicker.mini-vertical .control .drag-bar2{border:0px;background-color:transparent;height:2px;width:100%;box-sizing:border-box;box-shadow:none;transform:none}.colorpicker.mini-vertical .control .drag-bar.last:before,.colorpicker.mini-vertical .control .drag-bar.last:after,.colorpicker.mini-vertical .control .drag-bar2.last:before,.colorpicker.mini-vertical .control .drag-bar2.last:after{top:2px}.colorpicker.mini-vertical .control .drag-bar.first:before,.colorpicker.mini-vertical .control .drag-bar.first:after,.colorpicker.mini-vertical .control .drag-bar2.first:before,.colorpicker.mini-vertical .control .drag-bar2.first:after{top:-1px}.colorpicker.mini-vertical .control .drag-bar:before,.colorpicker.mini-vertical .control .drag-bar2:before{content:"";position:absolute;left:0px;top:2px;width:0;height:0;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000}.colorpicker.mini-vertical .control .drag-bar:after,.colorpicker.mini-vertical .control .drag-bar2:after{content:"";position:absolute;top:2px;right:0px;width:0;height:0;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000}.colorpicker.ring .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring .colorpicker-body .wheel{width:224px;height:224px;position:relative;box-sizing:border-box}.colorpicker.ring .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring .control{padding-top:0px}.colorpicker.ring .control .value{display:none}.colorpicker.ring .control>.color,.colorpicker.ring .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.ring-tab .colorpicker-body .color-panel{position:absolute;width:120px;height:120px;left:52px;top:52px}.colorpicker.ring-tab .colorpicker-body .wheel{width:224px;height:224px;margin:0 auto;position:relative;box-sizing:border-box}.colorpicker.ring-tab .colorpicker-body .wheel .wheel-canvas{width:214px;height:214px;border-radius:50%;position:absolute;left:5px;top:5px}.colorpicker.ring-tab .colorpicker-body .wheel .drag-pointer{display:inline-block;position:absolute;width:10px;height:10px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.colorpicker.ring-tab .colorpicker-body .color-chooser{opacity:1;pointer-events:all}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.ring-tab .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .color-item{transform:scale(1.2)}.colorpicker.ring-tab .colorpicker-body .colorsets{border-top:0px}.colorpicker.ring-tab .colorpicker-body .colorsets .menu{display:none}.colorpicker.ring-tab .colorpicker-body .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.ring-tab .control{padding-top:0px}.colorpicker.ring-tab .control .value{display:none}.colorpicker.ring-tab .control>.color,.colorpicker.ring-tab .control>.empty{top:-17px;width:30px;height:30px;border-radius:2px}.colorpicker.xd{display:inline-block;padding-top:12px;width:245px}.colorpicker.xd .color-panel{display:inline-block;margin-left:6px;margin-bottom:12px;width:170px;height:170px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd .control{height:170px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-bottom:12px}.colorpicker.xd .control .hue,.colorpicker.xd .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd .control .drag-bar,.colorpicker.xd .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;transform:none;overflow:hidden;left:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker.xd .information{margin-top:5px}.colorpicker.xd-tab .color-panel{display:inline-block;margin-top:10px;margin-left:6px;width:170px;height:120px;vertical-align:middle;border-radius:3px;overflow:hidden;box-sizing:border-box;border:1px solid #cecece}.colorpicker.xd-tab .color-panel>.saturation>.value>.drag-pointer{border:2px solid #fff;width:10px;height:10px;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000}.colorpicker.xd-tab .control{height:120px;padding:0px;vertical-align:middle;display:inline-block;margin-right:12px;margin-top:10px}.colorpicker.xd-tab .control .hue,.colorpicker.xd-tab .control .opacity{margin:0px;padding:0px;width:13px;display:inline-block;vertical-align:middle;height:100%;position:relative;overflow:hidden;border-radius:3px;margin-left:8px}.colorpicker.xd-tab .control .hue>.hue-container{border-radius:0px;overflow:hidden;height:100%;background:linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.colorpicker.xd-tab .control .opacity>.opacity-container{border-radius:0px;overflow:hidden;height:100%}.colorpicker.xd-tab .control .drag-bar,.colorpicker.xd-tab .control .drag-bar2{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 1px 0px #000,inset 0 0 1px 0px #000;width:10px;height:10px;box-sizing:border-box;transform:none;overflow:hidden;left:50%;transform:translateX(-50%) translateY(-50%)}.colorpicker.xd-tab .color-chooser{opacity:1;pointer-events:all}.colorpicker.xd-tab .color-chooser .color-chooser-container{top:0px;opacity:1}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-item-header{display:none}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list{top:4px}.colorpicker.xd-tab .color-chooser .color-chooser-container .colorsets-list .color-item{transform:scale(1.2)}.colorpicker.xd-tab .colorsets{border-top:0px}.colorpicker.xd-tab .colorsets .menu{display:none}.colorpicker.xd-tab .colorsets .color-list{margin-right:0px;padding-top:5px;padding-left:13px}.colorpicker.xd-tab .information{margin-top:5px}.colorsets-contextmenu{position:fixed;padding-top:4px;padding-bottom:4px;border-radius:6px;background-color:#ececec;border:1px solid #ccc;display:none;list-style:none;font-size:13px;padding-left:0px;padding-right:0px}.colorsets-contextmenu.show{display:inline-block}.colorsets-contextmenu .menu-item{padding:2px 20px;cursor:default}.colorsets-contextmenu .menu-item:hover{background-color:#5ea3fb;color:#fff}.colorsets-contextmenu.small .menu-item.small-hide{display:none}html,body{font-size:13px;padding:0px;margin:0px;overflow:hidden;box-sizing:border-box;font-family:sans-serif}*,*:before,*:after{box-sizing:border-box}body.ua-window .scrollbar::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}body.ua-window .scrollbar::-webkit-scrollbar-thumb{background:#000}.csseditor{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;left:0px;top:0px}.csseditor[data-theme=dark] input[type=text],.csseditor[data-theme=dark] input[type=number],.csseditor[data-theme=dark] input[type=email],.csseditor[data-theme=dark] textarea{background-color:#2b2b2b;border:1px solid #2b2b2b;color:#ececec;outline:none}.csseditor[data-theme=dark] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#2b2b2b;border:1px solid #1f2024;border-radius:0px;color:#fff;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=dark] button{border-width:0px;color:#fff;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=dark] button svg{width:100%;height:100%}.csseditor[data-theme=dark] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#1f2024;opacity:0;pointer-events:none}.csseditor[data-theme=dark] .add-image-button{display:none}.csseditor[data-theme=dark] .icon svg,.csseditor[data-theme=dark] button svg,.csseditor[data-theme=dark] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .icon svg path,.csseditor[data-theme=dark] button svg path,.csseditor[data-theme=dark] label svg path{fill:currentColor}.csseditor[data-theme=dark] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:flex;flex-direction:column}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=dark] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:flex}.csseditor[data-theme=dark] .layout-main marker path{fill:#313131}.csseditor[data-theme=dark] .layout-main .layout-top{display:block;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=dark] .layout-main .layout-middle{flex:1 1 auto;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#111;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #313131;background-color:#1f2024;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#111;padding:2px 0px}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:flex;flex-direction:column;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:flex;flex-direction:column;overflow:auto;transition:bottom .05s linear}.csseditor[data-theme=dark] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;transition:bottom .05s linear}.csseditor[data-theme=dark] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=dark] input[type=range]:focus{outline:none}.csseditor[data-theme=dark] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px}.csseditor[data-theme=dark] input[type=range]::-webkit-slider-thumb{height:10px;width:10px;border-radius:100%;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.8);margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-webkit-slider-runnable-track{background:#616161}.csseditor[data-theme=dark] input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background:#616161;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=dark] input[type=range]::-moz-range-thumb{border:1px solid #000;height:10px;width:10px;border-radius:9px;border-radius:5px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#616161}.csseditor[data-theme=dark] input[type=range]::-ms-fill-lower{background:#fff;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=dark] input[type=range]::-ms-fill-upper{background:#fff;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=dark] input[type=range]::-ms-thumb{height:10px;width:10px;border-radius:9px;background:#fff;cursor:pointer;margin-top:-4px}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-lower{background:#fff}.csseditor[data-theme=dark] input[type=range]:focus::-ms-fill-upper{background:#fff}.csseditor[data-theme=dark] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#111;color:#fff}.csseditor[data-theme=dark] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=dark] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:flex;flex-direction:column;border-right:1px solid #313131}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#fc554f;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{flex:1 1 auto;overflow:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .tab.number-tab .tab-header{cursor:pointer;background-color:#111;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=dark] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=dark] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=dark] .tab.number-tab>.tab-header.full{display:flex}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#fc554f;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{color:#fc554f}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=dark] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=dark] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:flex}.csseditor[data-theme=dark] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item{flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.selected{color:#fff}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(52,53,58,.5);color:#000}.csseditor[data-theme=dark] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#111}.csseditor[data-theme=dark] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=dark] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content.selected.flex{display:flex;flex-direction:column}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .fixed{flex:none}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#1f2024;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=dark] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=dark] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=dark] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=dark] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .logo .site{font-size:14px;color:#313131}.csseditor[data-theme=dark] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=dark] .tool-menu,.csseditor[data-theme=dark] .preview-tool-menu{color:#fff}.csseditor[data-theme=dark] .tool-menu.center,.csseditor[data-theme=dark] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=dark] .tool-menu .items,.csseditor[data-theme=dark] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .empty,.csseditor[data-theme=dark] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=dark] .tool-menu .items .draw-items>*,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=dark] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=dark] .tool-menu .items .draw-items .divider,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #616161;height:20px;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#fff;padding:5px;text-align:center}.csseditor[data-theme=dark] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#fff;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#fc554f}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=dark] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=dark] .tool-menu .items.flex-2,.csseditor[data-theme=dark] .preview-tool-menu .items.flex-2{flex:5}.csseditor[data-theme=dark] .tool-menu .items.left,.csseditor[data-theme=dark] .preview-tool-menu .items.left{flex:none;width:300px;text-align:left}.csseditor[data-theme=dark] .tool-menu .items form,.csseditor[data-theme=dark] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=dark] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .tool-menu .items button,.csseditor[data-theme=dark] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=dark] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=dark] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .tool-menu .items .title,.csseditor[data-theme=dark] .preview-tool-menu .items .title{font-size:10px;color:#b3b3b3}.csseditor[data-theme=dark] .tool-menu .items .icon,.csseditor[data-theme=dark] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#fff}.csseditor[data-theme=dark] .tool-menu .items .icon svg,.csseditor[data-theme=dark] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .tool-menu .items .icon.export,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .tool-menu .items .icon.github,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=dark] .tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=dark] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=dark] .tool-menu .items .icon.github:before,.csseditor[data-theme=dark] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=dark] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=dark] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#919191}.csseditor[data-theme=dark] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=dark] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=dark] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=dark] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #313131;color:#fff;background-color:#1f2024}.csseditor[data-theme=dark] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=dark] .page-tools button{border-radius:3px}.csseditor[data-theme=dark] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(252,85,79,.5)}.csseditor[data-theme=dark] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=dark] .path-manager .text{display:inline-block}.csseditor[data-theme=dark] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#fc554f}.csseditor[data-theme=dark] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flipY]{transform:rotate(90deg)}.csseditor[data-theme=dark] .path-manager .tools button[data-value=flip]{transform:rotate(45deg)}.csseditor[data-theme=dark] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=dark] .path-manager .tools button svg path{stroke-width:1;stroke:#1f2024}.csseditor[data-theme=dark] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .path-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#fff;background-color:#111;height:100%;padding:5px 5px}.csseditor[data-theme=dark] .draw-manager .text{display:inline-block}.csseditor[data-theme=dark] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=dark] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=dark] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=dark] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#313131}.csseditor[data-theme=dark] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #fc554f;overflow:hidden}.csseditor[data-theme=dark] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=dark] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(252,85,79,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=dark] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=dark] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;transform:translate(-50%, -50%);background-color:#fc554f;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction:hover{border-color:#e10c04}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=dark] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #fc554f;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;transform-style:preserve-3d;pointer-events:none;perspective:1000px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #fff;border-radius:0px}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-x{transform:rotateX(90deg) translateZ(0px);border:5px solid #6868f7}.csseditor[data-theme=dark] .rotate-editor-view .rotate-area .rotate-y{transform:rotateY(90deg) translateZ(0px);border:5px solid #70c570}.csseditor[data-theme=dark] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=dark] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .canvas-view{position:absolute;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=dark] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=dark] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=dark] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=dark] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#dedede;display:inline-block}.csseditor[data-theme=dark] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=dark] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .selection-view.empty>*{display:none}.csseditor[data-theme=dark] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="1"]{background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="2"]{background-color:rgba(49,49,49,.6)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="3"]{background-color:rgba(49,49,49,.8)}.csseditor[data-theme=dark] .selection-pointer .marker[data-index="4"]{background-color:rgba(49,49,49,.9)}.csseditor[data-theme=dark] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=dark] .selection-tool.editing-path,.csseditor[data-theme=dark] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=dark] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=dark] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #313131;opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=dark] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=dark] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item{position:absolute;transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#fc554f;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#313131;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;transform:translate(0%, -100%);cursor:move;background-color:#fc554f;border:1px solid #e10c04;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translate(0.5px, 0.5px)}.csseditor[data-theme=dark] .guide-line-view line{stroke-width:1}.csseditor[data-theme=dark] .guide-line-view line.base-line{stroke:#fc554f}.csseditor[data-theme=dark] .guide-line-view line.base-rect{stroke:#435cb5}.csseditor[data-theme=dark] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=dark] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=dark] .property{padding:10px 10px;border-top:1px solid #4a4a4a;background-color:#111;color:#fff;display:none}.csseditor[data-theme=dark] .property:first-child{border-top:0px}.csseditor[data-theme=dark] .property .group{position:relative}.csseditor[data-theme=dark] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);cursor:pointer;transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=dark] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #fc554f;background-color:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .property.full{height:100%;display:flex;flex-direction:column}.csseditor[data-theme=dark] .property.full.show{height:100%}.csseditor[data-theme=dark] .property.full .property-title{flex:none;height:30px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=dark] .property.full.managed-tool>.property-title .tools>*{flex:1 1 auto}.csseditor[data-theme=dark] .property.full .property-body{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=dark] .property.show>.property-title>label .icon{transform:rotate(90deg);display:inline-block}.csseditor[data-theme=dark] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=dark] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #4a4a4a;background-color:#111;color:#fff}.csseditor[data-theme=dark] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=dark] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=dark] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=dark] .property>.property-title label .icon{display:inline-block;transition:all linear .1s}.csseditor[data-theme=dark] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=dark] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=dark] .property>.property-title>.tools>*{flex:none}.csseditor[data-theme=dark] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=dark] .property>.property-body{display:none;padding:0px;background-color:#111}.csseditor[data-theme=dark] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=dark] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=dark] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=dark] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #313131}.csseditor[data-theme=dark] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=dark] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=dark] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=dark] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=dark] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=dark] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #313131}.csseditor[data-theme=dark] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=dark] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=dark] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=dark] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=dark] .border-slice-item .slice-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#313131}.csseditor[data-theme=dark] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=dark] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=dark] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=dark] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=dark] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=dark] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=dark] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=dark] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-image-item .tools{line-height:2}.csseditor[data-theme=dark] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=dark] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=dark] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=dark] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=dark] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=dark] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=dark] .content-item textarea{width:100%;height:100px;border:1px solid #313131;border-radius:3px}.csseditor[data-theme=dark] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=dark] .transition-list .transition-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=dark] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#313131}.csseditor[data-theme=dark] .transition-list .transition-item .labels label small{color:#fff}.csseditor[data-theme=dark] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=dark] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=dark] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=dark] .animation-list .animation-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=dark] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label{background-color:#313131;padding:1px 2px;border-radius:2px;color:#313131;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=dark] .animation-list .animation-item .labels label small{color:#fff;text-transform:lowercase}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#fff}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=dark] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item{border:1px solid #313131;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=dark] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#fc554f;color:#313131}.csseditor[data-theme=dark] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=dark] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#e6e6e6;padding-left:10px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=dark] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=dark] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=dark] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #313131;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=dark] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#fc554f;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=dark] .code-view-item>div pre strong{color:#fc554f}.csseditor[data-theme=dark] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .clip-path-list .clippath-item.selected,.csseditor[data-theme=dark] .clip-path-list .clippath-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=dark] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=dark] .selector-list .selector-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .project-list{margin:0px !important}.csseditor[data-theme=dark] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=dark] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=dark] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .project-list .project-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .artboard-list .artboard-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .artboard-list .artboard-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .layer-list .layer-item{color:#999;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=dark] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=dark] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item .detail span.icon svg polygon{stroke:#999}.csseditor[data-theme=dark] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock{color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#313131}.csseditor[data-theme=dark] .layer-list .layer-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=dark] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=dark] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#fc554f}.csseditor[data-theme=dark] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=dark] .layer-list+.drag-point{position:absolute;border:1px solid #fc554f;pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=dark] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #fc6d68;color:#fff;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=dark] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=dark] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #fc6d68;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=dark] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=dark] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #313131;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=dark] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=dark] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=dark] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=dark] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=dark] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#fc554f !important}.csseditor[data-theme=dark] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-image:none;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=dark] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=dark] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=dark] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #313131}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#3a89f0;border-color:#3a89f0;background-video:none;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=dark] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #fc6d68;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#fff}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=dark] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=dark] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=dark] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item{color:#999;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=dark] .timeline-animation-list .timeline-animation-item.selected{background-color:#435cb5;color:#fff}.csseditor[data-theme=dark] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=dark] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=dark] .project-info input,.csseditor[data-theme=dark] .project-info textarea{width:100%}.csseditor[data-theme=dark] .project-info .input input{height:24px}.csseditor[data-theme=dark] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=dark] .artboard-size-list .artboard-size-item{border-top:1px solid #313131}.csseditor[data-theme=dark] .artboard-size-list .category{height:26px;border-bottom:1px solid #313131;line-height:2}.csseditor[data-theme=dark] .artboard-size-list .category .title{color:#fff;pointer-events:none;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .group-item{background-color:#313131;height:24px;border-bottom:1px solid #313131;line-height:1.8}.csseditor[data-theme=dark] .artboard-size-list .group-item .title{color:#fff;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=dark] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #313131;line-height:2.3}.csseditor[data-theme=dark] .artboard-size-list .device-item .title{color:#fff;pointer-events:none;padding-left:20px}.csseditor[data-theme=dark] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=dark] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=dark] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=dark] .export-item label{vertical-align:middle}.csseditor[data-theme=dark] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=dark] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .library-items{padding:10px}.csseditor[data-theme=dark] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=dark] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=dark] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .library-items .group.path .list .path-item:hover{background-color:#435cb5}.csseditor[data-theme=dark] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item:hover{background-color:#fc554f}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=dark] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=dark] .component-items{padding:10px 10px}.csseditor[data-theme=dark] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=dark] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=dark] .component-items .group .list .menu-item:hover{background-color:#fd8581;color:#fff}.csseditor[data-theme=dark] .component-items .group .list .menu-item.selected{color:#fc554f}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=dark] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=dark] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=dark] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=dark] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=dark] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=dark] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=dark] .shortcut-items{padding:10px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item{border:1px solid #fc554f;margin-bottom:10px;border-radius:4px;background-color:#313131;padding:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=dark] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=dark] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#616161}.csseditor[data-theme=dark] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=dark] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .video-property .volume-control span[data-value]{display:none;color:#fff;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=dark] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=dark] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=dark] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #313131;background-color:#1f2024}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=dark] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#fc554f;border:1px solid #fc554f}.csseditor[data-theme=dark] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=dark] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(252,85,79,.1)}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=dark] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#fff}.csseditor[data-theme=dark] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=dark] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=dark] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#2b2b2b}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=dark] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=dark] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=dark] .color-single-editor .preview{height:100%}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #313131}.csseditor[data-theme=dark] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .range-editor.has-label.block label{display:block;color:#fff}.csseditor[data-theme=dark] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=dark] .range-editor .remove{display:none}.csseditor[data-theme=dark] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=dark] .range-editor .range-editor-type .area.focused{border:1px solid #fc554f;border-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=dark] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #2b2b2b;border-left:1px solid #2b2b2b;border-top:1px solid #2b2b2b;text-align:left;background-color:#2b2b2b;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#2b2b2b;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=dark] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .number-range-editor .remove{display:none}.csseditor[data-theme=dark] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=dark] .input-range-editor.focused{box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=dark] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=dark] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=dark] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=dark] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=dark] .input-range-editor .type-button,.csseditor[data-theme=dark] .input-range-editor .remove{display:none}.csseditor[data-theme=dark] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=dark] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#2b2b2b;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-right:1px solid #2b2b2b}.csseditor[data-theme=dark] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=dark] .text-editor input[type=text]{border:1px solid #313131}.csseditor[data-theme=dark] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=dark] .select-editor select{font-size:11px}.csseditor[data-theme=dark] .select-editor select:focus-within{border:1px solid #fc554f}.csseditor[data-theme=dark] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=dark] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=dark] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=dark] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=dark] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=dark] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=dark] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#fc554f;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=dark] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=dark] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .background-image-editor .label.hide{display:none}.csseditor[data-theme=dark] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .pattern{background-color:#313131;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #fc554f;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=dark] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .label.hide{display:none}.csseditor[data-theme=dark] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#fff;border-radius:3px;margin:3px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#fff;vertical-align:middle;display:inline-block}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=dark] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .filter-editor .label.hide{display:none}.csseditor[data-theme=dark] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#b3b3b3}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{color:#1f2024}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#fc554f}.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=dark] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .text-shadow-editor .label{height:20px}.csseditor[data-theme=dark] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=dark] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=dark] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc{color:#fff}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #313131;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=dark] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=dark] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=dark] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .var-editor .label.hide{display:none}.csseditor[data-theme=dark] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=dark] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=dark] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=dark] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=dark] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#313131 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=dark] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#fc554f;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#2b2b2b;color:#fff}.csseditor[data-theme=dark] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=dark] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=dark] .gradient-editor{position:relative}.csseditor[data-theme=dark] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=dark] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=dark] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .gradient-editor .hue-container,.csseditor[data-theme=dark] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=dark] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#fc554f}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=dark] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=dark] .svg-filter-editor{color:#fff;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#fc554f;font-size:11px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=dark] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=dark] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #fc554f;position:relative;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#fc554f;stroke-width:1;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#fc554f;r:4;stroke:rgba(252,85,79,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#fc554f;stroke:rgba(252,85,79,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#1f2024;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#fff;height:12px;width:12px;border-radius:100%;background-color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#fc554f}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;transform:translateY(-50%);display:inline-block}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;transform:translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=dark] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #fc554f}.csseditor[data-theme=dark] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=dark] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#fc554f;border-radius:3px;margin:5px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=dark] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=dark] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=dark] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .direction-editor .radius-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=dark] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=dark] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=dark] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=dark] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected{background-color:#fc554f}.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=dark] .list-view-editor .list-view-item svg path,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=dark] .list-view-editor .list-view-item svg rect{fill:#fff}.csseditor[data-theme=dark] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=dark] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=dark] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=dark] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=dark] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=dark] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=dark] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=dark] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:#2b2b2b;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:flex}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item{flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.selected{background-color:#555;color:#fff}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=dark] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=dark] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=dark] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=dark] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=dark] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=dark] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=dark] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=dark] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=dark] .path-data-editor .segment .command{color:#fc554f;cursor:pointer}.csseditor[data-theme=dark] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=dark] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=dark] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=dark] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=dark] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=dark] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=dark] .polygon-data-editor .segment .values label{color:#fc554f}.csseditor[data-theme=dark] .polygon-data-editor .segment .values input{color:#fff;width:80px}.csseditor[data-theme=dark] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=dark] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .background-position-editor .preview{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=dark] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=dark] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=dark] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=dark] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=dark] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=dark] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=dark] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=dark] .fill-single-editor .colors .color{border:1px solid #fff;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=dark] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=dark] .fill-editor{position:relative}.csseditor[data-theme=dark] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=dark] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=dark] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=dark] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #313131}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=dark] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=dark] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .fill-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#fff;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=dark] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#fff}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=dark] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=dark] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=dark] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=dark] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=dark] .fill-editor .hue-container,.csseditor[data-theme=dark] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #313131;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=dark] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=dark] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=dark] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=dark] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=dark] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=dark] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=dark] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .func-filter-editor.focused{box-shadow:0 0 0 1px #fc554f;border-radius:3px}.csseditor[data-theme=dark] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=dark] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=dark] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=dark] .color-matrix-editor .title{padding:5px 0px;color:#fc554f}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(49,49,49,.5)}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=dark] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#fc554f}.csseditor[data-theme=dark] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=dark] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=dark] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=dark] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=dark] .pattern-editor .label.hide{display:none}.csseditor[data-theme=dark] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=dark] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=dark] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=dark] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#fc554f}.csseditor[data-theme=dark] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=dark] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=dark] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=dark] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=dark] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=dark] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;transform:translateY(-50%)}.csseditor[data-theme=dark] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;transform:translateY(-50%);background-color:#fc554f}.csseditor[data-theme=dark] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#fc554f;cursor:pointer;transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=dark] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=dark] .popup{position:absolute;display:none;z-index:1000;background-color:#1f1f1f;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#fff}.csseditor[data-theme=dark] .popup.compact{padding:0px}.csseditor[data-theme=dark] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=dark] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=dark] .popup .popup-title>*{flex:1 1 auto}.csseditor[data-theme=dark] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=dark] .popup .popup-title label{cursor:move}.csseditor[data-theme=dark] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=dark] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=dark] .popup.background-property-popup{width:224px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=dark] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=dark] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(49,49,49,.5)}.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=dark] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#313131;font-weight:bold}.csseditor[data-theme=dark] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #313131;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=space]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list button[value=round]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#313131;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=dark] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f;border-color:#1f1f1f}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #fc554f !important;background-color:#fc554f !important;color:#fff !important}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #313131;margin-bottom:2px;height:204px;position:relative;background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=dark] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=dark] .popup .animation-property-popup{width:220px}.csseditor[data-theme=dark] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup{width:220px}.csseditor[data-theme=dark] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=dark] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#1f1f1f}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #313131;height:202px;position:relative;margin-bottom:10px;background-image:linear-gradient(to right, #313131, #313131),linear-gradient(to right, #313131, #313131);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#fc554f;border-radius:100%}.csseditor[data-theme=dark] .popup .keyframe-popup{width:250px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:linear-gradient(to right, #313131, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#fc554f}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #313131}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=dark] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=dark] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box input,.csseditor[data-theme=dark] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=dark] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=dark] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#fc554f;z-index:0}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #313131}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=dark] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box label input,.csseditor[data-theme=dark] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box input,.csseditor[data-theme=dark] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=dark] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=dark] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker input{color:#fff !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #313131 !important}.csseditor[data-theme=dark] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .popup .color-picker-popup .assets .project-color-list .color-item:hover{transform:scale(1.2)}.csseditor[data-theme=dark] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=dark] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=dark] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=dark] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=dark] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker input{color:#fff !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .title{color:#fff !important}.csseditor[data-theme=dark] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #313131 !important}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #313131;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=dark] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=dark] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=dark] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=dark] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=dark] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, #fc554f, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, #fc554f, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:linear-gradient(to top right, #fc554f, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:linear-gradient(to top right, #fc554f, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=dark] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#fc554f;box-shadow:0 0 2px 2px #fc554f}.csseditor[data-theme=dark] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:rgba(255,255,255,.5)}.csseditor[data-theme=dark] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000;background-color:#1f2024;border:1px solid #313131;box-shadow:0 0 1px 0px #313131;padding:14px;color:#fff}.csseditor[data-theme=dark] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=dark] .window-background .window .window-title>*{flex:1 1 auto}.csseditor[data-theme=dark] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=dark] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=dark] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=dark] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=dark] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=dark] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=dark] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=dark] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=dark] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=dark] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=dark] .path-editor-view .path-container.modify,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=dark] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=dark] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=dark] .path-editor-view .path-container.box svg path.object{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;transform:none;box-shadow:0 0 0 1px #fc554f}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=dark] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=dark] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=dark] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg line[data-distance=true]{stroke:#fc554f;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=dark] .path-editor-view svg circle.curve{stroke:#313131}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-first=true]{stroke:#fc554f;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-second=true]{stroke:#4b0401;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=dark] .path-editor-view svg circle[data-selected=true]{fill:#fc554f;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=dark] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=dark] .path-editor-view svg circle.split-circle{fill:#fc554f;stroke:#fff;pointer-events:none}.csseditor[data-theme=dark] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#3a89f0;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=dark] .path-editor-view svg path.guide{fill:transparent;stroke:#4879ff;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.segment{fill:transparent;stroke:#fc554f;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=dark] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=dark] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#fc554f}.csseditor[data-theme=dark] .path-editor-view svg path.snap-path{fill:transparent;stroke:#fc554f;stroke-width:.5}.csseditor[data-theme=dark] .path-editor-view svg text{fill:#fc554f;stroke:#fc554f;stroke-width:.5;pointer-events:none}.csseditor[data-theme=dark] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=dark] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=dark] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=dark] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=dark] .animation-selector .timeline-object.selected{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#111;font-size:12px;border-left:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#fc554f}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content .title{color:#fff}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=dark] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=dark] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#1f2024;font-size:12px;border-right:1px solid #313131;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=dark] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=dark] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=dark] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=dark] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #313131;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:flex}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#fc554f;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #313131;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#313131}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;transform:translateX(-100%);height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#fffaaf;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#ee4b66;cursor:ew-resize}.csseditor[data-theme=dark] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=dark] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{transform:rotate(0deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#fff;border-bottom:1px solid #313131}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:rgba(67,92,181,.4);color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#fff}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #181818;background-color:rgba(177,177,177,.7);vertical-align:middle;cursor:pointer;transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(252,85,79,.5);background-color:#fc554f}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #313131;position:relative}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;transform:translateY(-50%);height:10px;background-color:rgba(49,49,49,.5);display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #fc554f;display:inline-block;width:8px;height:8px;background-color:#1f2024;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#fc554f;box-shadow:0 0 0 1px #ee4b66}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#fc554f;transform:translateY(-52%)}.csseditor[data-theme=dark] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;transform:translate(-50%, -50%)}.csseditor[data-theme=dark] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=dark] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=dark] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=dark] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#fff}.csseditor[data-theme=dark] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=dark] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=dark] .timeline-play-control .row{display:flex}.csseditor[data-theme=dark] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=dark] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=dark] .timeline-play-control button.play{color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=dark] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons{display:flex;padding-top:2px}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#535353;color:#fc554f}.csseditor[data-theme=dark] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=dark] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=dark] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=dark] .status-bar{flex:none;height:30px;overflow:hidden;position:relative;background-color:#fc554f;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=dark] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=dark] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=dark] .status-bar .tool-view>div{display:inline-block;background-color:#760e34;border-radius:3px;min-width:50px}.csseditor[data-theme=dark] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=dark] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=dark] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=dark] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #313131}.csseditor[data-theme=dark] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=dark] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=dark] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=dark] .feature-control.object-list{position:relative;border-right:1px solid #313131;box-sizing:border-box;height:100%}.csseditor[data-theme=dark] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=dark] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=dark] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #313131}.csseditor[data-theme=dark] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=dark] .feature-control .layer-tab .assets .property{height:auto}.csseditor[data-theme=light] input[type=text],.csseditor[data-theme=light] input[type=number],.csseditor[data-theme=light] input[type=email],.csseditor[data-theme=light] textarea{background-color:#fff;border:1px solid #e2e2e2;color:#000;outline:none}.csseditor[data-theme=light] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:#fff;border:1px solid #e2e2e2;border-radius:0px;color:#616161;outline:none;vertical-align:middle;width:100%;border:0px;border-radius:3px}.csseditor[data-theme=light] button{border-width:0px;color:#616161;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0px}.csseditor[data-theme=light] button svg{width:100%;height:100%}.csseditor[data-theme=light] input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:#fff;opacity:0;pointer-events:none}.csseditor[data-theme=light] .add-image-button{display:none}.csseditor[data-theme=light] .icon svg,.csseditor[data-theme=light] button svg,.csseditor[data-theme=light] label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .icon svg path,.csseditor[data-theme=light] button svg path,.csseditor[data-theme=light] label svg path{fill:currentColor}.csseditor[data-theme=light] .layout-main{position:absolute;left:0px;top:0px;right:0px;bottom:0px;display:flex;flex-direction:column}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-left{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-right{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-body{bottom:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer{height:299px}.csseditor[data-theme=light] .layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:flex}.csseditor[data-theme=light] .layout-main marker path{fill:#e2e2e2}.csseditor[data-theme=light] .layout-main .layout-top{display:block;flex:1 1 0px;height:0px;background-color:#ff0}.csseditor[data-theme=light] .layout-main .layout-middle{flex:1 1 auto;display:flex;height:100%;position:relative;box-sizing:border-box}.csseditor[data-theme=light] .layout-main .layout-middle .layout-header{top:0px;left:270px;right:240px;height:50px;position:absolute;background-color:#fff;color:#fff;pointer-events:all;box-sizing:border-box;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .layout-main .layout-middle>.splitter{position:absolute;left:270px;width:2px;top:0px;bottom:0px;cursor:ew-resize}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;overflow:hidden;border-top:1px solid #e2e2e2;background-color:#fff;transition:all .05s linear;pointer-events:all;z-index:10000}.csseditor[data-theme=light] .layout-main .layout-middle .layout-footer .managed-tool{background-color:#fff;padding:2px 0px}.csseditor[data-theme=light] .layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;bottom:30px;width:270px;display:inline-block;display:flex;flex-direction:column;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-right{position:absolute;right:0px;top:0px;bottom:30px;width:240px;display:inline-block;z-index:100;display:flex;flex-direction:column;overflow:auto;transition:bottom .05s linear}.csseditor[data-theme=light] .layout-main .layout-middle .layout-body{top:50px;left:270px;right:240px;bottom:30px;position:absolute;transition:bottom .05s linear}.csseditor[data-theme=light] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.csseditor[data-theme=light] input[type=range]:focus{outline:none}.csseditor[data-theme=light] input[type=range]::-moz-focus-outer{border:0px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px}.csseditor[data-theme=light] input[type=range]::-webkit-slider-thumb{height:8px;width:8px;border-radius:100%;background:#609de2;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid #609de2;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-webkit-slider-runnable-track{background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;background:#cfcfcf;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.csseditor[data-theme=light] input[type=range]::-moz-range-thumb{border:1px solid #000;height:8px;width:8px;border-radius:9px;border-radius:10px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]::-ms-track{width:100%;height:1px;cursor:pointer;border:1px solid #000;border-radius:2px;background:#cfcfcf}.csseditor[data-theme=light] input[type=range]::-ms-fill-lower{background:#609de2;border:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.csseditor[data-theme=light] input[type=range]::-ms-fill-upper{background:#609de2;border:0px solid #010101;border-radius:0px}.csseditor[data-theme=light] input[type=range]::-ms-thumb{height:8px;width:8px;border-radius:9px;background:#609de2;cursor:pointer;margin-top:-4px}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-lower{background:#609de2}.csseditor[data-theme=light] input[type=range]:focus::-ms-fill-upper{background:#609de2}.csseditor[data-theme=light] .tab{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:#fff;color:#616161}.csseditor[data-theme=light] .tab.number-tab.padding-5 .tab-content{padding:5px}.csseditor[data-theme=light] .tab.number-tab.padding-10 .tab-content{padding:10px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header{left:0px;width:60px;top:0px;bottom:0px;right:auto;height:auto;display:flex;flex-direction:column;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item{flex:none;display:block;padding:10px 0px;text-align:center}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;flex:none;height:auto;margin-bottom:10px;position:relative}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:transparent}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected:before{content:"";background-color:#4778d4;width:2px;height:auto;position:absolute;left:1px;top:0px;bottom:0px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{flex:1 1 auto;overflow:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{padding:4px 13px;height:auto}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:#151515}.csseditor[data-theme=light] .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .tab.number-tab .tab-header{cursor:pointer;background-color:#eee;overflow:hidden;color:#616161}.csseditor[data-theme=light] .tab.number-tab .tab-content{display:none}.csseditor[data-theme=light] .tab.number-tab .tab-content.selected{display:block}.csseditor[data-theme=light] .tab.number-tab .tab-body{top:34px}.csseditor[data-theme=light] .tab.number-tab>.tab-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.csseditor[data-theme=light] .tab.number-tab>.tab-header.full{display:flex}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:#4778d4;height:2px;position:absolute;left:0px;right:0px;top:0px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item.selected label,.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{color:#4778d4}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.csseditor[data-theme=light] .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.csseditor[data-theme=light] .tab>.tab-header{position:absolute;left:0px;right:0px;height:34px;z-index:1;display:flex}.csseditor[data-theme=light] .tab>.tab-header.no-border>.tab-item{border:0px !important}.csseditor[data-theme=light] .tab>.tab-header>.tab-item{flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.small-font{font-size:11px}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.selected{color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse:not(.selected){background-color:rgba(255,255,255,.5);color:#000}.csseditor[data-theme=light] .tab>.tab-header>.tab-item.select-reverse.selected{background-color:#fff}.csseditor[data-theme=light] .tab>.tab-body{position:absolute;left:0px;right:0px;top:34px;bottom:0px}.csseditor[data-theme=light] .tab>.tab-body.no-border{border:0px}.csseditor[data-theme=light] .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:none;overflow:auto}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected{display:block}.csseditor[data-theme=light] .tab>.tab-body>.tab-content.selected.flex{display:flex;flex-direction:column}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .fixed{flex:none}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .tab>.tab-body>.tab-content .scroll .tab-element-title{position:absolute;top:0px;left:0px;right:0px;height:30px;display:none;background-color:#fff;font-size:12px;font-weight:bold;padding:8px 5px !important;height:30px;background-color:#f3f3f3;color:#333}.csseditor[data-theme=light] .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;box-shadow:none}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px !important}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0px !important;padding:3px}.csseditor[data-theme=light] .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.csseditor[data-theme=light] .logo{text-align:center;padding:0px 10px}.csseditor[data-theme=light] .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:#fc554f;z-index:1;vertical-align:middle}.csseditor[data-theme=light] .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:#fff}.csseditor[data-theme=light] .logo .site{font-size:14px;color:#e2e2e2}.csseditor[data-theme=light] .preview-tool-menu{max-height:300px;position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;overflow:auto}.csseditor[data-theme=light] .tool-menu,.csseditor[data-theme=light] .preview-tool-menu{color:#fff}.csseditor[data-theme=light] .tool-menu.center,.csseditor[data-theme=light] .preview-tool-menu.center{text-align:center}.csseditor[data-theme=light] .tool-menu .items,.csseditor[data-theme=light] .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.csseditor[data-theme=light] .tool-menu .items .empty,.csseditor[data-theme=light] .preview-tool-menu .items .empty{width:100%;height:48px}.csseditor[data-theme=light] .tool-menu .items .draw-items>*,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>*{display:inline-block}.csseditor[data-theme=light] .tool-menu .items .draw-items .sub-title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.csseditor[data-theme=light] .tool-menu .items .draw-items .divider,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid #cfcfcf;height:20px;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .draw-items>label,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label{font-size:9px;color:#616161;padding:5px;text-align:center}.csseditor[data-theme=light] .tool-menu .items .draw-items>label:first-child,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items>label:first-child{margin-top:5px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item{text-align:center;color:#616161;width:48px;height:48px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .icon{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.selected .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.selected .title{color:#4778d4}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true],.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true]{height:30px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon{padding-top:4px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg{width:24px;height:24px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item.cylinder .icon svg path,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item.cylinder .icon svg path{stroke-width:0}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon{display:inline-block;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .draw-items .menu-item .icon.flipY,.csseditor[data-theme=light] .preview-tool-menu .items .draw-items .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=light] .tool-menu .items.flex-2,.csseditor[data-theme=light] .preview-tool-menu .items.flex-2{flex:5}.csseditor[data-theme=light] .tool-menu .items.left,.csseditor[data-theme=light] .preview-tool-menu .items.left{flex:none;width:300px;text-align:left}.csseditor[data-theme=light] .tool-menu .items form,.csseditor[data-theme=light] .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .tool-menu .items .menu-item[data-no-title=true] .title,.csseditor[data-theme=light] .preview-tool-menu .items .menu-item[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .tool-menu .items button,.csseditor[data-theme=light] .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:#fff}.csseditor[data-theme=light] .tool-menu .items button[checked=checked] .icon,.csseditor[data-theme=light] .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:#fff}.csseditor[data-theme=light] .tool-menu .items .title,.csseditor[data-theme=light] .preview-tool-menu .items .title{font-size:10px;color:#151515}.csseditor[data-theme=light] .tool-menu .items .icon,.csseditor[data-theme=light] .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:#616161}.csseditor[data-theme=light] .tool-menu .items .icon svg,.csseditor[data-theme=light] .preview-tool-menu .items .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .tool-menu .items .icon.export,.csseditor[data-theme=light] .tool-menu .items .icon.codepen,.csseditor[data-theme=light] .tool-menu .items .icon.github,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.csseditor[data-theme=light] .tool-menu .items .icon.export:before,.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.export:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.csseditor[data-theme=light] .tool-menu .items .icon.codepen:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.codepen:before{content:"C"}.csseditor[data-theme=light] .tool-menu .items .icon.github:before,.csseditor[data-theme=light] .preview-tool-menu .items .icon.github:before{content:"G"}.csseditor[data-theme=light] .page-container{position:absolute;left:0px;right:0px;bottom:0px;top:0px;pointer-events:all;outline:none;background-color:#fff}.csseditor[data-theme=light] .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:rgba(17,17,17,.1)}.csseditor[data-theme=light] .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:auto}.csseditor[data-theme=light] .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.csseditor[data-theme=light] .page-view .page-lock .element-view .motion-based{z-index:100000000}.csseditor[data-theme=light] .page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid #e2e2e2;color:#616161;background-color:#fff}.csseditor[data-theme=light] .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.csseditor[data-theme=light] .page-tools button{border-radius:3px}.csseditor[data-theme=light] .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(71,120,212,.5)}.csseditor[data-theme=light] .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap}.csseditor[data-theme=light] .path-manager .text{display:inline-block}.csseditor[data-theme=light] .path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .path-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=path] button[data-value=path]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:#4778d4}.csseditor[data-theme=light] .path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.csseditor[data-theme=light] .path-manager .tools button[data-value=flipY]{transform:rotate(90deg)}.csseditor[data-theme=light] .path-manager .tools button[data-value=flip]{transform:rotate(45deg)}.csseditor[data-theme=light] .path-manager .tools button svg{width:20px;height:20px}.csseditor[data-theme=light] .path-manager .tools button svg path{stroke-width:1;stroke:#fff}.csseditor[data-theme=light] .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .path-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .path-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .path-manager>*{vertical-align:middle}.csseditor[data-theme=light] .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:#616161;background-color:#fff;height:100%;padding:5px 5px}.csseditor[data-theme=light] .draw-manager .text{display:inline-block}.csseditor[data-theme=light] .draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.csseditor[data-theme=light] .draw-manager .tools{height:100%;display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .draw-manager .tools>div>*{display:inline-block;width:auto}.csseditor[data-theme=light] .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type{display:inline-block}.csseditor[data-theme=light] .draw-manager .tools>div .number-input-editor .range-editor-type input[type=number]{background-color:#e2e2e2}.csseditor[data-theme=light] .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid #4778d4;overflow:hidden}.csseditor[data-theme=light] .draw-manager>*{vertical-align:middle}.csseditor[data-theme=light] .rotate-editor-view{position:absolute;left:30px;bottom:70px;width:100px;height:100px;pointer-events:none}.csseditor[data-theme=light] .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(71,120,212,.5);border:1px solid #fff;border-radius:100%;pointer-events:all;color:#fff}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.csseditor[data-theme=light] .rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;transform:translate(-50%, 0%);background-color:rgba(0,0,0,.5)}.csseditor[data-theme=light] .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;width:10px;height:10px;transform:translate(-50%, -50%);background-color:#4778d4;cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction:hover{border-color:#224993}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.csseditor[data-theme=light] .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.csseditor[data-theme=light] .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid #4778d4;border-radius:100%;pointer-events:all;cursor:move}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;transform-style:preserve-3d;pointer-events:none;perspective:1000px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid #616161;border-radius:0px}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{transform:rotateX(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{transform:rotateY(89deg) translateZ(0px)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-x{transform:rotateX(90deg) translateZ(0px);border:5px solid #643ac7}.csseditor[data-theme=light] .rotate-editor-view .rotate-area .rotate-y{transform:rotateY(90deg) translateZ(0px);border:5px solid #8bdf8b}.csseditor[data-theme=light] .page-canvas{position:absolute;width:500px;height:400px;background-color:#fff}.csseditor[data-theme=light] .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .canvas-view{position:absolute;transform-origin:left top;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .canvas-view svg.element-item{pointer-events:none}.csseditor[data-theme=light] .canvas-view svg.element-item>*{pointer-events:stroke}.csseditor[data-theme=light] .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.csseditor[data-theme=light] .canvas-view .element-item[contenteditable=true]{outline:none}.csseditor[data-theme=light] .canvas-view .element-item:hover:not(.selected){outline:1px double #4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item>svg:hover>text{fill:#4040fc}.csseditor[data-theme=light] .canvas-view .element-item.artboard:before{content:attr(data-title);position:absolute;left:0px;top:-15px;font-size:12px;color:#000;display:inline-block}.csseditor[data-theme=light] .canvas-view .element-item.artboard:hover{outline:none}.csseditor[data-theme=light] .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .selection-view.empty>*{display:none}.csseditor[data-theme=light] .selection-pointer{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .selection-pointer .marker{position:absolute;left:0px;top:0px;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:100%}.csseditor[data-theme=light] .selection-pointer .marker[data-index="1"]{background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="2"]{background-color:rgba(226,226,226,.6)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="3"]{background-color:rgba(226,226,226,.8)}.csseditor[data-theme=light] .selection-pointer .marker[data-index="4"]{background-color:rgba(226,226,226,.9)}.csseditor[data-theme=light] .selection-tool{border:#d6d6d6 1px dashed;position:absolute}.csseditor[data-theme=light] .selection-tool.editing-path,.csseditor[data-theme=light] .selection-tool.editing-polygon{display:none !important}.csseditor[data-theme=light] .selection-tool.path .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.textpath .selection-tool-item[data-position=path],.csseditor[data-theme=light] .selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;transform:translate(-50%, -50%);background-color:rgba(255,255,255,.8);border:1px solid #e2e2e2;opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=move] [data-position=move]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position=rotate3d] [data-position=rotate3d]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to right"] [data-position="to right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to left"] [data-position="to left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top"] [data-position="to top"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom"] [data-position="to bottom"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top left"] [data-position="to top left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to top right"] [data-position="to top right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom left"] [data-position="to bottom left"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-selected-position="to bottom right"] [data-position="to bottom right"]:before{opacity:1}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.csseditor[data-theme=light] .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.csseditor[data-theme=light] .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item{position:absolute;transform:translate(-50%, -50%);display:inline-block;width:10px;height:10px;background-color:#4778d4;border:1px solid #4075d6;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .selection-tool .selection-tool-item:not([data-position=move]){border-radius:100%;box-sizing:border-box;border:1px solid #fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:#e2e2e2;transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]{left:0px;top:0px;width:auto;height:20px;transform:translate(0%, -100%);cursor:move;background-color:#4778d4;border:1px solid #224993;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:#fff}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;transform:translate(-100%, calc(-100% - 5px))}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:#fff;font-size:11px}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translate(0.5px, 0.5px)}.csseditor[data-theme=light] .guide-line-view line{stroke-width:1}.csseditor[data-theme=light] .guide-line-view line.base-line{stroke:#4778d4}.csseditor[data-theme=light] .guide-line-view line.base-rect{stroke:#36457a}.csseditor[data-theme=light] .guide-line-view text{font-size:10px;fill:#000;text-shadow:0px 2px 2px rgba(183,183,183,.5)}.csseditor[data-theme=light] .guide-line-view text.text-center{text-anchor:middle}.csseditor[data-theme=light] .property{padding:10px 10px;border-top:1px solid #e2e2e2;background-color:#fff;color:#616161;display:none}.csseditor[data-theme=light] .property:first-child{border-top:0px}.csseditor[data-theme=light] .property .group{position:relative}.csseditor[data-theme=light] .property .add-timeline-property{position:absolute;left:0px;top:50%;display:inline-block;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);cursor:pointer;transform:translateY(-50%) rotate(45deg)}.csseditor[data-theme=light] .property .add-timeline-property:hover{box-shadow:0 0 0 1px #4778d4;background-color:rgba(71,120,212,.5)}.csseditor[data-theme=light] .property.full{height:100%;display:flex;flex-direction:column}.csseditor[data-theme=light] .property.full.show{height:100%}.csseditor[data-theme=light] .property.full .property-title{flex:none;height:30px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title{grid-template-columns:260px 1fr}.csseditor[data-theme=light] .property.full.managed-tool>.property-title label{padding-left:10px}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.csseditor[data-theme=light] .property.full.managed-tool>.property-title .tools>*{flex:1 1 auto}.csseditor[data-theme=light] .property.full .property-body{flex:1 1 auto;overflow:auto;position:relative}.csseditor[data-theme=light] .property.show>.property-title>label .icon{transform:rotate(90deg);display:inline-block}.csseditor[data-theme=light] .property.show>.property-body{display:block;padding:0px 0px 0px 0px}.csseditor[data-theme=light] .property>.property-title{padding:2px 0px 4px 0px;height:30px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;border-bottom:0px solid #e2e2e2;background-color:#fff;color:#616161}.csseditor[data-theme=light] .property>.property-title.filter{grid-template-columns:1fr 130px}.csseditor[data-theme=light] .property>.property-title svg{width:16px;height:16px}.csseditor[data-theme=light] .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csseditor[data-theme=light] .property>.property-title label .icon{display:inline-block;transition:all linear .1s}.csseditor[data-theme=light] .property>.property-title label.has-keyframe{padding-left:12px}.csseditor[data-theme=light] .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.csseditor[data-theme=light] .property>.property-title>.tools>*{flex:none}.csseditor[data-theme=light] .property>.property-title>.tools select{min-width:80px;max-width:80px}.csseditor[data-theme=light] .property>.property-body{display:none;padding:0px;background-color:#fff}.csseditor[data-theme=light] .property>.property-body .property-item{font-size:11px;padding:3px 0px}.csseditor[data-theme=light] .property>.property-body .property-item:first-child{padding-top:0px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full{display:block}.csseditor[data-theme=light] .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.csseditor[data-theme=light] .property>.property-body .property-item.label label{font-weight:900;text-shadow:2px 2px 3px #e2e2e2}.csseditor[data-theme=light] .property>.property-footer{padding:0px 6px;font-size:12px}.csseditor[data-theme=light] .property>.property-footer>div{margin-bottom:5px}.csseditor[data-theme=light] .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .header{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.csseditor[data-theme=light] .border-editor>.editor-area{padding:5px 0px}.csseditor[data-theme=light] .border-editor>.editor-area>div{margin-top:5px}.csseditor[data-theme=light] .border-editor>.editor-area>div:first-child{margin-top:0px}.csseditor[data-theme=light] .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px #e2e2e2}.csseditor[data-theme=light] .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.csseditor[data-theme=light] .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .border-editor .input-field .input-ui{vertical-align:middle}.csseditor[data-theme=light] .border-value-editor{display:grid;grid-template-columns:repeat(3, 1fr) 24px;grid-column-gap:4px}.csseditor[data-theme=light] .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .border-slice-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.csseditor[data-theme=light] .border-slice-item .slice-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#e2e2e2}.csseditor[data-theme=light] .border-slice-item .slice-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.csseditor[data-theme=light] .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.csseditor[data-theme=light] .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.csseditor[data-theme=light] .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.csseditor[data-theme=light] .border-image-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.csseditor[data-theme=light] .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.csseditor[data-theme=light] .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.csseditor[data-theme=light] .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.csseditor[data-theme=light] .border-image-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .border-image-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-image-item .tools{line-height:2}.csseditor[data-theme=light] .box-model-item{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-model-item>div{position:relative;width:100%;height:150px}.csseditor[data-theme=light] .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.csseditor[data-theme=light] .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.csseditor[data-theme=light] .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.csseditor[data-theme=light] .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.csseditor[data-theme=light] .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.csseditor[data-theme=light] .content-item textarea{width:100%;height:100px;border:1px solid #e2e2e2;border-radius:3px}.csseditor[data-theme=light] .transition-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.csseditor[data-theme=light] .transition-list .transition-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .transition-list .transition-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .transition-list .transition-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.csseditor[data-theme=light] .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:#e2e2e2}.csseditor[data-theme=light] .transition-list .transition-item .labels label small{color:#616161}.csseditor[data-theme=light] .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.csseditor[data-theme=light] .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.csseditor[data-theme=light] .animation-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.csseditor[data-theme=light] .animation-list .animation-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .animation-list .animation-item .timing{border-radius:3px;background-color:#435cb5;width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.csseditor[data-theme=light] .animation-list .animation-item .timing canvas{border-radius:3px}.csseditor[data-theme=light] .animation-list .animation-item .labels label{background-color:#e2e2e2;padding:1px 2px;border-radius:2px;color:#e2e2e2;text-transform:uppercase;font-weight:bold}.csseditor[data-theme=light] .animation-list .animation-item .labels label small{color:#616161;text-transform:lowercase}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:#616161}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.csseditor[data-theme=light] .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item{border:1px solid #e2e2e2;margin-bottom:5px;padding:5px;cursor:pointer}.csseditor[data-theme=light] .keyframe-list .keyframe-item:first-child{margin-top:5px}.csseditor[data-theme=light] .keyframe-list .keyframe-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:#4778d4;color:#e2e2e2}.csseditor[data-theme=light] .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.csseditor[data-theme=light] .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code{display:none}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.csseditor[data-theme=light] .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:#484848;padding-left:10px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .code-view-item{grid-template-columns:1fr !important;width:100%}.csseditor[data-theme=light] .code-view-item>div{width:100%;max-width:100%}.csseditor[data-theme=light] .code-view-item>div label{padding-left:10px}.csseditor[data-theme=light] .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #e2e2e2;position:relative;margin-top:0px;font-size:13px}.csseditor[data-theme=light] .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:#4778d4;color:#fff;left:0px;top:0px;padding:2px 4px}.csseditor[data-theme=light] .code-view-item>div pre strong{color:#4778d4}.csseditor[data-theme=light] .clip-path-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .clip-path-list .clippath-item.selected,.csseditor[data-theme=light] .clip-path-list .clippath-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .clip-path-list .clippath-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .clip-path-list .clippath-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .selector-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.csseditor[data-theme=light] .selector-list .selector-item:first-child{margin-top:5px}.csseditor[data-theme=light] .selector-list .selector-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.csseditor[data-theme=light] .selector-list .selector-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .project-list{margin:0px !important}.csseditor[data-theme=light] .project-list .project-item{padding:5px 7px !important;cursor:pointer}.csseditor[data-theme=light] .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .project-list .project-item .detail label{padding:2px 0px;font-size:12px}.csseditor[data-theme=light] .project-list .project-item .detail .tools{text-align:right}.csseditor[data-theme=light] .project-list .project-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .artboard-list .artboard-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .artboard-list .artboard-item .detail .tools{text-align:right}.csseditor[data-theme=light] .artboard-list .artboard-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .layer-list .layer-item{color:#000;padding:5px 7px !important;margin-bottom:0px !important;border-radius:4px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="0"] .detail label{padding-left:0px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="1"] .detail label{padding-left:5px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="2"] .detail label{padding-left:10px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="3"] .detail label{padding-left:15px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="4"] .detail label{padding-left:20px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="5"] .detail label{padding-left:25px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="6"] .detail label{padding-left:30px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="7"] .detail label{padding-left:35px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="8"] .detail label{padding-left:40px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="9"] .detail label{padding-left:45px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="10"] .detail label{padding-left:50px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="11"] .detail label{padding-left:55px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="12"] .detail label{padding-left:60px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="13"] .detail label{padding-left:65px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="14"] .detail label{padding-left:70px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="15"] .detail label{padding-left:75px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="16"] .detail label{padding-left:80px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="17"] .detail label{padding-left:85px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="18"] .detail label{padding-left:90px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="19"] .detail label{padding-left:95px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="20"] .detail label{padding-left:100px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="21"] .detail label{padding-left:105px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="22"] .detail label{padding-left:110px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="23"] .detail label{padding-left:115px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="24"] .detail label{padding-left:120px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="25"] .detail label{padding-left:125px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="26"] .detail label{padding-left:130px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="27"] .detail label{padding-left:135px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="28"] .detail label{padding-left:140px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="29"] .detail label{padding-left:145px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="30"] .detail label{padding-left:150px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="31"] .detail label{padding-left:155px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="32"] .detail label{padding-left:160px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="33"] .detail label{padding-left:165px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="34"] .detail label{padding-left:170px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="35"] .detail label{padding-left:175px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="36"] .detail label{padding-left:180px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="37"] .detail label{padding-left:185px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="38"] .detail label{padding-left:190px}.csseditor[data-theme=light] .layer-list .layer-item[data-depth="39"] .detail label{padding-left:195px}.csseditor[data-theme=light] .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon{vertical-align:middle;display:inline-block;position:relative}.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item .detail span.icon svg polygon{stroke:#000}.csseditor[data-theme=light] .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools{text-align:right}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock{color:#616161}.csseditor[data-theme=light] .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:#e2e2e2}.csseditor[data-theme=light] .layer-list .layer-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg path,.csseditor[data-theme=light] .layer-list .layer-item.selected .detail span.icon svg polygon{stroke:#fff}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.csseditor[data-theme=light] .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:#4778d4}.csseditor[data-theme=light] .layer-list .drag-start{opacity:.3}.csseditor[data-theme=light] .layer-list+.drag-point{position:absolute;border:1px solid #4778d4;pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .color-assets-property .color-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list{padding:5px;overflow:auto;max-height:300px}.csseditor[data-theme=light] .color-assets-property .color-list .color-view{pointer-events:none}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .add-color-item{display:inline-block;width:25px;height:25px;position:relative;border:1px solid #5c87d9;color:#616161;vertical-align:top;cursor:pointer;text-align:center;padding-top:3px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview{position:relative;width:100%;height:25px;cursor:pointer}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .preview .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;padding:2px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .color-assets-property .color-list[data-view-mode=grid] .color-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.color-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list{padding:5px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:25px;position:relative;height:25px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:25px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:25px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:#fff}.csseditor[data-theme=light] .gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.csseditor[data-theme=light] .property.gradient-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.csseditor[data-theme=light] .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:60px;position:relative;height:60px;border:1px solid #5c87d9;vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:#616161}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:block;position:relative;margin-bottom:3px}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:100%;height:60px;cursor:pointer}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.csseditor[data-theme=light] .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-assets{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list{padding:5px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.csseditor[data-theme=light] .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid #e2e2e2;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.csseditor[data-theme=light] .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:30px}.csseditor[data-theme=light] .alignment-item button{width:16px;height:16px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.csseditor[data-theme=light] .alignment-item button[data-no-title=true] .title{display:none}.csseditor[data-theme=light] .alignment-item .title{font-size:9px;color:#999}.csseditor[data-theme=light] .alignment-item .icon{margin:0 auto;width:24px;height:24px;color:#4778d4 !important}.csseditor[data-theme=light] .alignment-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-image:none;color:#fff}.csseditor[data-theme=light] .image-assets-property .image-list{padding:5px}.csseditor[data-theme=light] .image-assets-property .image-list .image-view{pointer-events:none}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.csseditor[data-theme=light] .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.csseditor[data-theme=light] .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=list] button[data-value=list]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:#609de2;border-color:#609de2;background-video:none;color:#fff}.csseditor[data-theme=light] .video-assets-property .video-list{padding:5px}.csseditor[data-theme=light] .video-assets-property .video-list .video-view{pointer-events:none}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid]{display:block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid #5c87d9;border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:#616161}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.csseditor[data-theme=light] .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:#fff}.csseditor[data-theme=light] .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.csseditor[data-theme=light] .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item{color:#000;padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.csseditor[data-theme=light] .timeline-animation-list .timeline-animation-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .project-info{margin:0px !important;padding:10px 0px}.csseditor[data-theme=light] .project-info .project-info-item{margin-bottom:5px}.csseditor[data-theme=light] .project-info input,.csseditor[data-theme=light] .project-info textarea{width:100%}.csseditor[data-theme=light] .project-info .input input{height:24px}.csseditor[data-theme=light] .artboard-size-list .property-body{padding:0px !important}.csseditor[data-theme=light] .artboard-size-list .artboard-size-item{border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .artboard-size-list .category{height:26px;border-bottom:1px solid #e2e2e2;line-height:2}.csseditor[data-theme=light] .artboard-size-list .category .title{color:#616161;pointer-events:none;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .group-item{background-color:#e2e2e2;height:24px;border-bottom:1px solid #e2e2e2;line-height:1.8}.csseditor[data-theme=light] .artboard-size-list .group-item .title{color:#616161;pointer-events:none;text-transform:uppercase;padding:0px 10px}.csseditor[data-theme=light] .artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid #e2e2e2;line-height:2.3}.csseditor[data-theme=light] .artboard-size-list .device-item .title{color:#616161;pointer-events:none;padding-left:20px}.csseditor[data-theme=light] .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.csseditor[data-theme=light] .path-data-property .property-body>div{padding:10px 0px}.csseditor[data-theme=light] .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.csseditor[data-theme=light] .export-item label{vertical-align:middle}.csseditor[data-theme=light] .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.csseditor[data-theme=light] .export-item button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .library-items{padding:10px}.csseditor[data-theme=light] .library-items .group .title{padding:10px 0px !important}.csseditor[data-theme=light] .library-items .group.path .list{display:grid;grid-template-columns:repeat(5, 50px) !important}.csseditor[data-theme=light] .library-items .group.path .list .path-item{width:50px;height:50px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .library-items .group.path .list .path-item:hover{background-color:#609de2}.csseditor[data-theme=light] .shape-inside-list{grid-template-columns:1fr !important}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item.selected,.csseditor[data-theme=light] .shape-inside-list .shapeinside-item:hover{background-color:#4778d4}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:100%}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle}.csseditor[data-theme=light] .shape-inside-list .shapeinside-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.csseditor[data-theme=light] .component-items{padding:10px 10px}.csseditor[data-theme=light] .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:#4778d4}.csseditor[data-theme=light] .component-items .group .list{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;margin-bottom:10px}.csseditor[data-theme=light] .component-items .group .list .menu-item{width:100%;height:30px;position:relative;line-height:24px;border-radius:3px;text-align:left;padding:0px 5px}.csseditor[data-theme=light] .component-items .group .list .menu-item:hover{background-color:#7096de;color:#fff}.csseditor[data-theme=light] .component-items .group .list .menu-item.selected{color:#4778d4}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon{display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .menu-item .icon.flipY{transform:rotateY(-180deg)}.csseditor[data-theme=light] .component-items .group .list .menu-item .title{display:inline-block;text-align:left;padding-left:10px;padding-top:2px;vertical-align:middle}.csseditor[data-theme=light] .component-items .group .list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(97,97,97,.1);color:#616161}.csseditor[data-theme=light] .component-items .group .list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.csseditor[data-theme=light] .component-items .group .list .item svg{width:100%;height:100%}.csseditor[data-theme=light] .layout-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .layout-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.csseditor[data-theme=light] .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.csseditor[data-theme=light] .layout-property .layout-list .label{padding:10px 0px}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .flex-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .flex-layout-item-property .layout-list .value-item{margin-top:5px}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value]{display:none}.csseditor[data-theme=light] .grid-layout-item-property .layout-list>[data-value].selected{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.csseditor[data-theme=light] .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.csseditor[data-theme=light] .shortcut-items{padding:10px}.csseditor[data-theme=light] .shortcut-items .shortcut-item{border:1px solid #4778d4;margin-bottom:10px;border-radius:4px;background-color:#e2e2e2;padding:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command label{font-size:11px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.csseditor[data-theme=light] .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.csseditor[data-theme=light] .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:#cfcfcf}.csseditor[data-theme=light] .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.csseditor[data-theme=light] .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .video-property .volume-control span[data-value]{display:none;color:#616161;width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg{width:100%;height:100%}.csseditor[data-theme=light] .video-property .volume-control span[data-value] svg path{fill:currentColor}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.csseditor[data-theme=light] .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.csseditor[data-theme=light] .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.csseditor[data-theme=light] .cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid #e2e2e2;background-color:#fff}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .bezier-canvas{position:absolute;left:-25px;top:-25px;pointer-events:none}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control{position:absolute;left:5px;right:5px;bottom:5px;top:5px}.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer1,.csseditor[data-theme=light] .cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:10px;height:10px;transform:translateX(-50%) translateY(-50%);border-radius:100%;cursor:pointer;background-color:#4778d4;border:1px solid #4778d4}.csseditor[data-theme=light] .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.csseditor[data-theme=light] .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.csseditor[data-theme=light] .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:rgba(0,0,0,.2)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:5px;margin-bottom:5px;cursor:pointer;background-color:rgba(71,120,212,.1)}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.csseditor[data-theme=light] .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:5px;left:5px;width:30px;height:30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .left,.csseditor[data-theme=light] .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:#616161}.csseditor[data-theme=light] .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:5px;text-align:center}.csseditor[data-theme=light] .color-view-editor.has-label{grid-template-columns:60px 40px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.csseditor[data-theme=light] .color-view-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;padding:3px;border-radius:2px;background-color:#d8d8d8}.csseditor[data-theme=light] .color-view-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .color-view-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .color-view-editor .color-code{vertical-align:middle}.csseditor[data-theme=light] .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px}.csseditor[data-theme=light] .color-view-editor .color-code input.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.csseditor[data-theme=light] .color-single-editor .preview{height:100%}.csseditor[data-theme=light] .color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;border:1px solid #e2e2e2}.csseditor[data-theme=light] .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .range-editor.has-label.block{display:block}.csseditor[data-theme=light] .range-editor.has-label.block label{display:block;color:#616161}.csseditor[data-theme=light] .range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .range-editor.is-removable .remove{display:inline-block;margin-top:3px}.csseditor[data-theme=light] .range-editor .remove{display:none}.csseditor[data-theme=light] .range-editor .range-editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 60px;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.csseditor[data-theme=light] .range-editor .range-editor-type .area.focused{border:1px solid #4778d4;border-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .range-editor .range-editor-type .area input,.csseditor[data-theme=light] .range-editor .range-editor-type .area select{width:100%;background-color:transparent;border:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=range]{width:95%}.csseditor[data-theme=light] .range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;text-align:left;background-color:#fff;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor{text-align:right;background-color:#fff;position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.csseditor[data-theme=light] .range-editor .range-editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;width:24px;height:100%;color:#7a7a7a;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-range-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .number-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .number-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-range-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .number-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .number-range-editor .remove{display:none}.csseditor[data-theme=light] .number-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number]{border-radius:3px}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area input[type=number].focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .number-range-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.csseditor[data-theme=light] .input-range-editor.focused{box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .input-range-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.csseditor[data-theme=light] .input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .input-range-editor.has-label.block{display:block}.csseditor[data-theme=light] .input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.csseditor[data-theme=light] .input-range-editor.is-removable{grid-template-columns:1fr 12px}.csseditor[data-theme=light] .input-range-editor.is-removable .remove{display:inline-block}.csseditor[data-theme=light] .input-range-editor .type-button,.csseditor[data-theme=light] .input-range-editor .remove{display:none}.csseditor[data-theme=light] .input-range-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input,.csseditor[data-theme=light] .input-range-editor .range-editor-type .area select{width:100%}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area input[type=number]{padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.csseditor[data-theme=light] .input-range-editor .range-editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:#7a7a7a;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.csseditor[data-theme=light] .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.csseditor[data-theme=light] .text-editor input[type=text]{border:1px solid #e2e2e2}.csseditor[data-theme=light] .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px}.csseditor[data-theme=light] .select-editor select{font-size:11px}.csseditor[data-theme=light] .select-editor select:focus-within{border:1px solid #4778d4}.csseditor[data-theme=light] .select-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-editor.has-label select{width:100%;height:100%}.csseditor[data-theme=light] .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.csseditor[data-theme=light] .css-property-editor.hide-title>.title{display:none}.csseditor[data-theme=light] .css-property-editor.hide-title .css-property-item>.title label{display:none}.csseditor[data-theme=light] .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.csseditor[data-theme=light] .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .css-property-editor .title .tools{text-align:right}.csseditor[data-theme=light] .css-property-editor .title .tools select{width:130px !important;display:inline-block}.csseditor[data-theme=light] .css-property-editor>.title-2{display:none;text-align:right}.csseditor[data-theme=light] .css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:#4778d4;border-radius:3px;padding:3px 0px;margin-bottom:2px;font-weight:900}.csseditor[data-theme=light] .css-property-editor .css-property-item .value-editor{padding:2px}.csseditor[data-theme=light] .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .background-image-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .background-image-editor .label.hide{display:none}.csseditor[data-theme=light] .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .pattern{background-color:#e2e2e2;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid #4778d4;display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.csseditor[data-theme=light] .background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%) translateY(-5px);border-radius:100%;background-color:#000}.csseditor[data-theme=light] .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#fff;color:#fff}.csseditor[data-theme=light] .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .label.hide{display:none}.csseditor[data-theme=light] .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .transform-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item{display:block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:#616161;border-radius:3px;margin:3px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:#616161;vertical-align:middle;display:inline-block}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.csseditor[data-theme=light] .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.csseditor[data-theme=light] .filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .filter-editor .label.hide{display:none}.csseditor[data-theme=light] .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .svg-filter-edit:before{content:"o";text-transform:uppercase;padding:0px 2px;border-radius:3px;margin-right:2px;vertical-align:middle;background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:#151515}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .box-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .box-shadow-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .box-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .box-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{color:#fff}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset[data-value=true]{color:#4778d4}.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .spread-radius,.csseditor[data-theme=light] .box-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .text-shadow-editor .label{height:20px}.csseditor[data-theme=light] .text-shadow-editor .label.hide{display:none}.csseditor[data-theme=light] .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.csseditor[data-theme=light] .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .text-shadow-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc{color:#616161}.csseditor[data-theme=light] .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid #e2e2e2;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-x,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .offset-y,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .blur-radius,.csseditor[data-theme=light] .text-shadow-editor .shadow-item .inset{padding:4px 0px}.csseditor[data-theme=light] .text-shadow-editor .shadow-item .tools{text-align:right}.csseditor[data-theme=light] .var-editor{grid-template-columns:1fr !important}.csseditor[data-theme=light] .var-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .var-editor .label.hide{display:none}.csseditor[data-theme=light] .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .var-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.csseditor[data-theme=light] .var-editor .var-item>div input{width:100%;height:100%}.csseditor[data-theme=light] .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::-ms-input-placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item>div input::placeholder{color:#9e9e9e}.csseditor[data-theme=light] .var-editor .var-item .tools{text-align:right}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:80px 1fr}.csseditor[data-theme=light] .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .transform-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:#e2e2e2 1px solid;cursor:pointer;vertical-align:middle;position:relative}.csseditor[data-theme=light] .transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:#4778d4;width:6px;height:6px;display:inline-block;position:absolute}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box{margin-top:5px}.csseditor[data-theme=light] .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.csseditor[data-theme=light] .gradient-editor{position:relative}.csseditor[data-theme=light] .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:1fr 70px;grid-column-gap:4px}.csseditor[data-theme=light] .gradient-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .gradient-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .gradient-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle, #3f87a6, #ebf8e1 15%, #f69d3c 20%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .preset-position,.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.csseditor[data-theme=light] .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .gradient-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .gradient-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .gradient-editor .hue-container,.csseditor[data-theme=light] .gradient-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .gradient-editor .hue{pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-property-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-property-editor .label.hide{display:none}.csseditor[data-theme=light] .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-property-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item{display:block}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:#4778d4}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.csseditor[data-theme=light] .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.csseditor[data-theme=light] .svg-filter-editor{color:#616161;display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .svg-filter-editor .tools select{width:100px !important;display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .left{height:100%;position:relative}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:#4778d4;font-size:11px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.csseditor[data-theme=light] .svg-filter-editor .center{position:relative;overflow:auto}.csseditor[data-theme=light] .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid #4778d4;position:relative;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:#4778d4;stroke-width:1;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:#4778d4;r:4;stroke:rgba(71,120,212,.5);stroke-width:0;pointer-events:all;cursor:pointer}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:#4778d4;stroke:rgba(71,120,212,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:#fff;border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:#616161;height:12px;width:12px;border-radius:100%;background-color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:#616161}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{transform:translate(-50%, -50%) rotate(90deg)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:#4778d4}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;transform:translateY(-50%);display:inline-block}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0px;position:relative}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;transform:translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.csseditor[data-theme=light] .svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #4778d4}.csseditor[data-theme=light] .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.csseditor[data-theme=light] .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item{display:block}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:#4778d4;border-radius:3px;margin:5px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:#fff}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.csseditor[data-theme=light] .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.csseditor[data-theme=light] .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.csseditor[data-theme=light] .direction-editor .direction-item.full{grid-template-columns:1fr}.csseditor[data-theme=light] .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .direction-editor .radius-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0px;border:0px;color:#ccc}.csseditor[data-theme=light] .direction-editor .radius-selector button svg{width:100%;height:100%}.csseditor[data-theme=light] .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.csseditor[data-theme=light] .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.csseditor[data-theme=light] .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected{background-color:#4778d4}.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item.selected svg rect{fill:#fff}.csseditor[data-theme=light] .list-view-editor .list-view-item svg{width:100%}.csseditor[data-theme=light] .list-view-editor .list-view-item svg path,.csseditor[data-theme=light] .list-view-editor .list-view-item svg circle,.csseditor[data-theme=light] .list-view-editor .list-view-item svg rect{fill:#616161}.csseditor[data-theme=light] .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.csseditor[data-theme=light] .image-select-editor .preview-container{width:100%;height:150px;position:relative}.csseditor[data-theme=light] .image-select-editor .preview-container img{max-width:100%;max-height:100%}.csseditor[data-theme=light] .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.csseditor[data-theme=light] .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.csseditor[data-theme=light] .image-select-editor .select-container button{width:100%}.csseditor[data-theme=light] .select-icon-editor{display:grid;grid-template-columns:1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csseditor[data-theme=light] .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:silver;box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:flex}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item{flex:1 1 auto;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.6;border-radius:3px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.selected{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.csseditor[data-theme=light] .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.csseditor[data-theme=light] .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.csseditor[data-theme=light] .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:12px}.csseditor[data-theme=light] .number-input-editor.has-label.block{display:block}.csseditor[data-theme=light] .number-input-editor.has-label.block label{display:block}.csseditor[data-theme=light] .number-input-editor .range-editor-type{vertical-align:middle;height:24px}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area span{padding:1px;vertical-align:middle}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area input{width:100%}.csseditor[data-theme=light] .number-input-editor .range-editor-type .area select{width:100%;color:#7a7a7a}.csseditor[data-theme=light] .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.csseditor[data-theme=light] .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .path-data-editor .segment.m{padding-top:10px}.csseditor[data-theme=light] .path-data-editor .segment .command{color:#4778d4;cursor:pointer}.csseditor[data-theme=light] .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.csseditor[data-theme=light] .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.csseditor[data-theme=light] .path-data-editor .segment .values span{text-align:center}.csseditor[data-theme=light] .path-data-editor .segment .values input{width:100%}.csseditor[data-theme=light] .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.csseditor[data-theme=light] .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.csseditor[data-theme=light] .polygon-data-editor .segment .values label{color:#4778d4}.csseditor[data-theme=light] .polygon-data-editor .segment .values input{color:#616161;width:80px}.csseditor[data-theme=light] .offset-path-editor .offset-path-item{margin-bottom:10px}.csseditor[data-theme=light] .background-position-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .background-position-editor .preview{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .gradient-single-editor{height:19px;text-align:center;width:100%}.csseditor[data-theme=light] .gradient-single-editor .preview{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view{height:100%}.csseditor[data-theme=light] .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.csseditor[data-theme=light] .fill-single-editor{height:20px;width:100%;display:grid}.csseditor[data-theme=light] .fill-single-editor.has-label{grid-template-columns:60px 24px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.csseditor[data-theme=light] .fill-single-editor .preview{height:22px;width:22px;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view{height:100%;width:100%;display:inline-block;vertical-align:middle;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;cursor:pointer}.csseditor[data-theme=light] .fill-single-editor .preview .mini-view .color-view{width:100%;height:100%}.csseditor[data-theme=light] .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.csseditor[data-theme=light] .fill-single-editor .colors.simple{display:none}.csseditor[data-theme=light] .fill-single-editor .colors .color{border:1px solid #616161;display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.csseditor[data-theme=light] .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.csseditor[data-theme=light] .fill-editor{position:relative}.csseditor[data-theme=light] .fill-editor .tools{padding:4px 0px}.csseditor[data-theme=light] .fill-editor [data-editor]{display:none;margin-top:3px}.csseditor[data-theme=light] .fill-editor [data-editor]>label{font-size:11px}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.csseditor[data-theme=light] .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.csseditor[data-theme=light] .fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 10px 1px #e2e2e2}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.csseditor[data-theme=light] .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.csseditor[data-theme=light] .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .fill-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:#616161;cursor:pointer}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.csseditor[data-theme=light] .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.csseditor[data-theme=light] .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0px 2px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#616161}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.csseditor[data-theme=light] .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.csseditor[data-theme=light] .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.csseditor[data-theme=light] .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.csseditor[data-theme=light] .fill-editor .sub-editor{padding:0px 0px}.csseditor[data-theme=light] .fill-editor .gradient-steps{position:relative;height:30px}.csseditor[data-theme=light] .fill-editor .hue-container,.csseditor[data-theme=light] .fill-editor .hue{position:absolute;left:0px;right:0px;top:4px;height:14px;border-radius:10px;border:1px solid #e2e2e2;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;pointer-events:all}.csseditor[data-theme=light] .fill-editor .hue{pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px 0px rgba(0,0,0,.5);transform:translateX(-50%) translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);transform:translateX(-50%) translateY(calc(100%))}.csseditor[data-theme=light] .fill-editor .hue .step-list .step.selected .arrow{display:block}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.csseditor[data-theme=light] .fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%) translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);clip-path:polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%)}.csseditor[data-theme=light] .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.csseditor[data-theme=light] .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.csseditor[data-theme=light] .svg-filter-select-editor select{width:100%;height:100%}.csseditor[data-theme=light] .svg-filter-select-editor button{margin-top:4px}.csseditor[data-theme=light] .func-filter-editor{display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .func-filter-editor.focused{box-shadow:0 0 0 1px #4778d4;border-radius:3px}.csseditor[data-theme=light] .func-filter-editor.has-label{grid-template-columns:60px 1fr}.csseditor[data-theme=light] .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.csseditor[data-theme=light] .func-filter-editor>[data-type]{display:none;padding:4px 0px}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=table]>[data-type=table],.csseditor[data-theme=light] .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.csseditor[data-theme=light] .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.csseditor[data-theme=light] .color-matrix-editor .title{padding:5px 0px;color:#4778d4}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid rgba(226,226,226,.5)}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template input,.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template select{width:100%}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.csseditor[data-theme=light] .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:#4778d4}.csseditor[data-theme=light] .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .stroke-dasharray-editor>.tools label{color:#fff;vertical-align:middle;cursor:pointer}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header{height:24px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .repeat button{background-color:#435cb5;border-radius:3px;width:12px;height:12px}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.csseditor[data-theme=light] .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.csseditor[data-theme=light] .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.csseditor[data-theme=light] .pattern-editor .label{height:20px;margin-top:2px}.csseditor[data-theme=light] .pattern-editor .label.hide{display:none}.csseditor[data-theme=light] .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.csseditor[data-theme=light] .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.csseditor[data-theme=light] .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item.selected{background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.csseditor[data-theme=light] .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:#4778d4}.csseditor[data-theme=light] .pattern-size-editor{text-align:center;width:60px;height:60px}.csseditor[data-theme=light] .pattern-size-editor .preview{height:100%}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.csseditor[data-theme=light] .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.csseditor[data-theme=light] .media-progress-editor>*{margin-bottom:2px}.csseditor[data-theme=light] .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.csseditor[data-theme=light] .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;transform:translateY(-50%)}.csseditor[data-theme=light] .media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;transform:translateY(-50%);background-color:#4778d4}.csseditor[data-theme=light] .media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#4778d4;cursor:pointer;transform:translate(-50%, -50%);top:50%}.csseditor[data-theme=light] .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.csseditor[data-theme=light] .popup{position:absolute;display:none;z-index:1000;background-color:#f6f6f6;border-radius:3px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:#616161}.csseditor[data-theme=light] .popup.compact{padding:0px}.csseditor[data-theme=light] .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.csseditor[data-theme=light] .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=light] .popup .popup-title>*{flex:1 1 auto}.csseditor[data-theme=light] .popup .popup-title .tools{text-align:right}.csseditor[data-theme=light] .popup .popup-title label{cursor:move}.csseditor[data-theme=light] .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.csseditor[data-theme=light] .popup .popup-content .popup-item label+div{vertical-align:middle}.csseditor[data-theme=light] .popup.background-property-popup{width:224px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content{padding:5px}.csseditor[data-theme=light] .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.csseditor[data-theme=light] .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:rgba(226,226,226,.5)}.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.csseditor[data-theme=light] .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:#e2e2e2;font-weight:bold}.csseditor[data-theme=light] .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e2e2;background-color:#fff;outline:none;cursor:pointer}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=space]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list button[value=round]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:#e2e2e2;box-shadow:0 0 1px 1px #000}.csseditor[data-theme=light] .popup.background-property-popup .blend-list{padding:2px 0px}.csseditor[data-theme=light] .popup.background-property-popup .blend-list select.full-size{width:100px}.csseditor[data-theme=light] .popup .box-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6;border-color:#f6f6f6}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px #4778d4 !important;background-color:#4778d4 !important;color:#fff !important}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;margin-bottom:2px;height:204px;position:relative;background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-x,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .offset-y,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .blur-radius,.csseditor[data-theme=light] .popup .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.csseditor[data-theme=light] .popup .animation-property-popup{width:220px}.csseditor[data-theme=light] .popup .animation-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup{width:220px}.csseditor[data-theme=light] .popup .transition-property-popup .box>div{margin-bottom:5px}.csseditor[data-theme=light] .popup .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .text-shadow-property-popup{width:432px;display:grid;grid-template-columns:224px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker{box-shadow:none;border-radius:0px;background-color:#f6f6f6}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box label{font-size:11px}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board{border:1px solid #e2e2e2;height:202px;position:relative;margin-bottom:10px;background-image:linear-gradient(to right, #e2e2e2, #e2e2e2),linear-gradient(to right, #e2e2e2, #e2e2e2);background-size:100% 1px,1px 100%;background-position:0px center,center 0px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px)) translateY(calc(101px - 5px));background-color:#4778d4;border-radius:100%}.csseditor[data-theme=light] .popup .keyframe-popup{width:250px}.csseditor[data-theme=light] .popup .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset{position:relative;background-image:linear-gradient(to right, #e2e2e2, black);background-size:100% 2px;background-repeat:no-repeat;background-position:0px center;height:20px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:#4778d4}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:#616161;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);vertical-align:middle;border:1px solid #e2e2e2}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input{padding:5px 0px}.csseditor[data-theme=light] .popup .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.csseditor[data-theme=light] .popup .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.csseditor[data-theme=light] .popup .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box input,.csseditor[data-theme=light] .popup .keyframe-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .selector-popup{padding:7px;width:250px;height:auto}.csseditor[data-theme=light] .popup .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .selector-popup .box .name input{width:100%}.csseditor[data-theme=light] .popup .clippath-popup{width:220px;height:auto}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .range-editor{margin-bottom:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:#4778d4;z-index:0}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px #e2e2e2}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;transform:translateX(-50%) translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.csseditor[data-theme=light] .popup .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box label input,.csseditor[data-theme=light] .popup .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box input,.csseditor[data-theme=light] .popup .clippath-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.csseditor[data-theme=light] .popup .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.csseditor[data-theme=light] .popup .svg-property-editor-popup{width:800px;height:450px;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box>.editor{height:100%;position:relative}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools{text-align:right}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=range],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=number],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box input[type=text],.csseditor[data-theme=light] .popup .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .color-picker-popup{width:224px;display:grid;grid-template-columns:1fr}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker input{color:#616161 !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .color-picker-popup .colorpicker .colorsets{border-top:1px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .color-picker-popup .assets{padding:0px 10px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list{padding:5px 0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg, #eeeeee 25%, transparent 25%),linear-gradient(-45deg, #eeeeee 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #eeeeee 75%),linear-gradient(-45deg, transparent 75%, #eeeeee 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .popup .color-picker-popup .assets .project-color-list .color-item:hover{transform:scale(1.2)}.csseditor[data-theme=light] .popup .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item:hover{background-color:#baffb1}.csseditor[data-theme=light] .popup .image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.csseditor[data-theme=light] .popup .gradient-picker{width:432px;display:grid;grid-template-columns:1fr 224px;grid-column-gap:10px;margin-left:5px}.csseditor[data-theme=light] .popup .gradient-picker>.box>.colorpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.csseditor[data-theme=light] .popup .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.csseditor[data-theme=light] .popup .gradient-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .gradient-picker label{font-size:11px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .color-panel{margin-top:0px}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker input{color:#616161 !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .title{color:#616161 !important}.csseditor[data-theme=light] .popup .gradient-picker .colorpicker .colorsets{border-top:0px solid #e2e2e2 !important}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(97,97,97,.5)}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid #e2e2e2;border-radius:2px;cursor:pointer;line-height:80px;text-align:center}.csseditor[data-theme=light] .popup .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.csseditor[data-theme=light] .popup .background-image-position-picker{width:260px !important}.csseditor[data-theme=light] .popup .background-image-position-picker .popup-item{margin-bottom:5px}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.csseditor[data-theme=light] .popup .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.csseditor[data-theme=light] .popup .background-image-position-picker label{font-size:11px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button{width:24px;height:24px}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, #4778d4, white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, #4778d4, white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=space]{background-image:linear-gradient(to top right, #4778d4, white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list button[value=round]{background-image:linear-gradient(to top right, #4778d4, white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=space] button[value=space],.csseditor[data-theme=light] .popup .background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:#4778d4;box-shadow:0 0 2px 2px #4778d4}.csseditor[data-theme=light] .window-background{position:fixed;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:#fff}.csseditor[data-theme=light] .window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000;background-color:#fff;border:1px solid #e2e2e2;box-shadow:0 0 1px 0px #e2e2e2;padding:14px;color:#616161}.csseditor[data-theme=light] .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:flex;pointer-events:all}.csseditor[data-theme=light] .window-background .window .window-title>*{flex:1 1 auto}.csseditor[data-theme=light] .window-background .window .window-title .tools{text-align:right}.csseditor[data-theme=light] .window-background .window .window-title label{cursor:move}.csseditor[data-theme=light] .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.csseditor[data-theme=light] .window-background .window.export-window{width:80%;height:80%}.csseditor[data-theme=light] .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.csseditor[data-theme=light] .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(62,168,255,.9);background-color:rgba(107,188,255,.5);box-sizing:border-box;left:-10000px}.csseditor[data-theme=light] .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-container.split-panel{pointer-events:none}.csseditor[data-theme=light] .path-editor-view .path-container.has-transform{background-color:rgba(255,255,255,.7)}.csseditor[data-theme=light] .path-editor-view .path-container.path{cursor:crosshair}.csseditor[data-theme=light] .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.alt svg circle{cursor:move}.csseditor[data-theme=light] .path-editor-view .path-container.transform svg circle,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg rect,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg text,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg line,.csseditor[data-theme=light] .path-editor-view .path-container.transform svg .snap-path{display:none}.csseditor[data-theme=light] .path-editor-view .path-container.modify,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move{cursor:default}.csseditor[data-theme=light] .path-editor-view .path-container.modify svg path.object,.csseditor[data-theme=light] .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke;stroke:#848484}.csseditor[data-theme=light] .path-editor-view .path-container.box svg path.object{stroke:#e2e2e2}.csseditor[data-theme=light] .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;transform:none;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.csseditor[data-theme=light] .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.csseditor[data-theme=light] .path-editor-view svg{width:100%;height:100%}.csseditor[data-theme=light] .path-editor-view svg line{stroke:#5c5c5c;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg line[data-guide=true]{pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg line[data-distance=true]{stroke:#4778d4;stroke-dasharray:2 2;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg circle{fill:#fff;stroke:#5c5c5c;stroke-width:1;cursor:move}.csseditor[data-theme=light] .path-editor-view svg circle.curve{stroke:#b7b7b7}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-first=true]{stroke:#4778d4;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-second=true]{stroke:#050b17;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-is-last=true]{stroke:blue;z-index:1}.csseditor[data-theme=light] .path-editor-view svg circle[data-selected=true]{fill:#4778d4;stroke:#fff;r:5;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.csseditor[data-theme=light] .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:3}.csseditor[data-theme=light] .path-editor-view svg circle.split-circle{fill:#4778d4;stroke:#fff;pointer-events:none}.csseditor[data-theme=light] .path-editor-view svg .svg-canvas{fill:transparent;stroke:#609de2;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path{fill:transparent}.csseditor[data-theme=light] .path-editor-view svg path.guide{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.segment{fill:transparent;stroke:#4778d4;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.object{fill:transparent;stroke:#848484;stroke-width:1}.csseditor[data-theme=light] .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.csseditor[data-theme=light] .path-editor-view svg path.split-path:hover{cursor:copy;stroke:#4778d4}.csseditor[data-theme=light] .path-editor-view svg path.snap-path{fill:transparent;stroke:#4778d4;stroke-width:.5}.csseditor[data-theme=light] .path-editor-view svg text{fill:#4778d4;stroke:#4778d4;stroke-width:.5;pointer-events:none}.csseditor[data-theme=light] .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.csseditor[data-theme=light] .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.csseditor[data-theme=light] .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.csseditor[data-theme=light] .animation-selector .timeline-object{display:inline-block}.csseditor[data-theme=light] .animation-selector .timeline-object.selected{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-value-area{position:absolute;width:240px;right:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding:0px 20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:10px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:#4778d4}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content .title{color:#616161}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.csseditor[data-theme=light] .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.csseditor[data-theme=light] .timeline-animation-area{position:absolute;width:270px;left:0px;top:0px;bottom:0px;background-color:#fff;font-size:12px;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-animation-area .property{padding:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.csseditor[data-theme=light] .timeline-animation-area .property-title label{padding-left:10px}.csseditor[data-theme=light] .timeline-animation-area .property-body{padding:0px !important}.csseditor[data-theme=light] .timeline-area{position:absolute;left:270px;right:240px;top:0px;bottom:0px;font-size:12px}.csseditor[data-theme=light] .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;width:270px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px 2px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:flex}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:#4778d4;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid #e2e2e2;min-width:50px;padding:2px 10px;height:auto}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0px;right:0px;bottom:0px;left:270px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0px;width:5px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0px;right:10px;height:100%;background-color:#e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0px;top:0px;transform:translateX(-100%);height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0px;height:100%;width:5px;background-color:#748ff1;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0px;height:100%;background-color:#435cb5;cursor:ew-resize}.csseditor[data-theme=light] .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0px;top:15px;width:100%;height:25px}.csseditor[data-theme=light] .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;width:270px;overflow:auto;border-right:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{transform:rotate(0deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:#616161;border-bottom:1px solid #e2e2e2}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:#609de2;color:#fff}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:#616161}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #c9c9c9;background-color:rgba(255,255,255,.7);vertical-align:middle;cursor:pointer;transform:translateX(-4px) translateY(0px) rotate(45deg)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px rgba(71,120,212,.5);background-color:#4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;left:270px;overflow:auto}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0px;height:0px;pointer-events:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid #e2e2e2;position:relative}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;transform:translateY(-50%);height:10px;background-color:rgba(226,226,226,.5);display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;transform:translateY(-50%);height:10px;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid #4778d4;display:inline-block;width:8px;height:8px;background-color:#fff;transform:translateY(-50%) translateX(-50%) rotate(45deg);cursor:ew-resize;pointer-events:all}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:#4778d4;box-shadow:0 0 0 1px #4778d4}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:#4778d4;transform:translateY(-52%)}.csseditor[data-theme=light] .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;transform:translate(-50%, -50%)}.csseditor[data-theme=light] .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.csseditor[data-theme=light] .timeline-play-control .speed-number{position:relative}.csseditor[data-theme=light] .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.csseditor[data-theme=light] .timeline-play-control .speed-number input{width:100%}.csseditor[data-theme=light] .timeline-play-control label{vertical-align:middle;padding-right:10px;color:#616161}.csseditor[data-theme=light] .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input{vertical-align:middle}.csseditor[data-theme=light] .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.csseditor[data-theme=light] .timeline-play-control .row{display:flex}.csseditor[data-theme=light] .timeline-play-control .row:first-child{text-align:center}.csseditor[data-theme=light] .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.csseditor[data-theme=light] .timeline-play-control button.play{color:#4778d4}.csseditor[data-theme=light] .timeline-play-control button.pause{display:none;color:#6677d8}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=play] .play{display:none}.csseditor[data-theme=light] .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.csseditor[data-theme=light] .timeline-play-control .direction-buttons{display:flex;padding-top:2px}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:#d8d8d8;color:#4778d4}.csseditor[data-theme=light] .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.csseditor[data-theme=light] .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label{padding-right:0px}.csseditor[data-theme=light] .keyframe-time-control .time-manager label svg{width:16px;height:16px}.csseditor[data-theme=light] .keyframe-time-control input[type=text]{width:80px}.csseditor[data-theme=light] .status-bar{flex:none;height:30px;overflow:hidden;position:relative;background-color:#609de2;z-index:1;pointer-events:all;display:grid;grid-template-columns:auto auto;color:#fff}.csseditor[data-theme=light] .status-bar .message-view{padding:5px 5px}.csseditor[data-theme=light] .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.csseditor[data-theme=light] .status-bar .tool-view>div{display:inline-block;background-color:#4653f6;border-radius:3px;min-width:50px}.csseditor[data-theme=light] .status-bar .language-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .language-selector>label{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .language-selector>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .status-bar .theme-switcher{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.csseditor[data-theme=light] .status-bar .theme-switcher>label{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item{display:inline-block}.csseditor[data-theme=light] .status-bar .theme-switcher>.item .select-editor{height:100%;width:50px}.csseditor[data-theme=light] .feature-control.inspector{position:relative;height:100%;border-left:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control.inspector>div{position:relative;height:100%}.csseditor[data-theme=light] .feature-control.inspector>div .empty{height:100px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header{height:50px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.csseditor[data-theme=light] .feature-control.inspector>div>.tab>.tab-body{top:50px}.csseditor[data-theme=light] .feature-control.object-list{position:relative;border-right:1px solid #e2e2e2;box-sizing:border-box;height:100%}.csseditor[data-theme=light] .feature-control.object-list .property{margin:0px;height:100%;border:0px;padding:0px 0px}.csseditor[data-theme=light] .feature-control.object-list .property .property-body{padding:0px}.csseditor[data-theme=light] .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0px;height:auto !important}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div{position:absolute;left:5px;right:5px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:first-child{top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:nth-child(1){top:0px;height:150px}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:not(:first-child){border-top:1px solid #e2e2e2}.csseditor[data-theme=light] .feature-control .layer-tab .object-items>div:last-child{top:150px;bottom:0px}.csseditor[data-theme=light] .feature-control .layer-tab .assets{padding:3px}.csseditor[data-theme=light] .feature-control .layer-tab .assets .property{height:auto}
diff --git a/docs/main.f33b9b0c0864bd1cdb36.js b/docs/main.f33b9b0c0864bd1cdb36.js
new file mode 100644
index 000000000..092e145ac
--- /dev/null
+++ b/docs/main.f33b9b0c0864bd1cdb36.js
@@ -0,0 +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,"randomNumber",(function(){return g})),n.d(r,"randomByCount",(function(){return m})),n.d(r,"random",(function(){return w})),n.d(r,"randomRGBA",(function(){return O}));var o={};n.r(o),n.d(o,"debounce",(function(){return E})),n.d(o,"throttle",(function(){return _})),n.d(o,"keyEach",(function(){return C})),n.d(o,"keyMap",(function(){return T})),n.d(o,"keyMapJoin",(function(){return R})),n.d(o,"get",(function(){return D})),n.d(o,"defaultValue",(function(){return V})),n.d(o,"isUndefined",(function(){return A})),n.d(o,"isNotUndefined",(function(){return I})),n.d(o,"isArray",(function(){return L})),n.d(o,"isBoolean",(function(){return M})),n.d(o,"isString",(function(){return B})),n.d(o,"isNotString",(function(){return z})),n.d(o,"isObject",(function(){return F})),n.d(o,"isFunction",(function(){return G})),n.d(o,"isNumber",(function(){return H})),n.d(o,"clone",(function(){return Y})),n.d(o,"cleanObject",(function(){return X})),n.d(o,"combineKeyArray",(function(){return N})),n.d(o,"repeat",(function(){return K})),n.d(o,"randomItem",(function(){return W})),n.d(o,"html",(function(){return Z})),n.d(o,"CSS_TO_STRING",(function(){return q})),n.d(o,"STRING_TO_CSS",(function(){return J})),n.d(o,"OBJECT_TO_PROPERTY",(function(){return Q})),n.d(o,"OBJECT_TO_CLASS",(function(){return tt})),n.d(o,"TAG_TO_STRING",(function(){return et})),n.d(o,"mapjoin",(function(){return nt}));var i={};n.r(i),n.d(i,"format",(function(){return rt})),n.d(i,"hex",(function(){return ot})),n.d(i,"rgb",(function(){return it})),n.d(i,"hsl",(function(){return at}));var a={};n.r(a),n.d(a,"round",(function(){return st})),n.d(a,"degreeToRadian",(function(){return lt})),n.d(a,"div",(function(){return ft})),n.d(a,"radianToDegree",(function(){return pt})),n.d(a,"getXInCircle",(function(){return yt})),n.d(a,"getYInCircle",(function(){return ht})),n.d(a,"getXYInCircle",(function(){return dt})),n.d(a,"getDist",(function(){return vt})),n.d(a,"calculateAngle",(function(){return bt})),n.d(a,"calculateAngleByPoints",(function(){return gt})),n.d(a,"calculateAnglePointDistance",(function(){return mt})),n.d(a,"calculateAngle360",(function(){return wt})),n.d(a,"uuid",(function(){return kt})),n.d(a,"uuidShort",(function(){return jt})),n.d(a,"cubicBezier",(function(){return $t})),n.d(a,"getGradientLine",(function(){return Et})),n.d(a,"CCW",(function(){return _t})),n.d(a,"incircle",(function(){return Ct})),n.d(a,"initPolygon",(function(){return Tt})),n.d(a,"Deluanay",(function(){return Dt})),n.d(a,"generate_sample_points",(function(){return Vt})),n.d(a,"getCenterInTriangle",(function(){return At})),n.d(a,"normalize",(function(){return Lt}));var c={};n.r(c),n.d(c,"ReverseXyz",(function(){return Mt})),n.d(c,"ReverseRGB",(function(){return Bt})),n.d(c,"XYZtoRGB",(function(){return zt})),n.d(c,"LABtoXYZ",(function(){return Ft})),n.d(c,"PivotXyz",(function(){return Gt})),n.d(c,"XYZtoLAB",(function(){return Ht})),n.d(c,"LABtoRGB",(function(){return Yt}));var u={};n.r(u),n.d(u,"RGBtoHSV",(function(){return Xt})),n.d(u,"RGBtoCMYK",(function(){return Nt})),n.d(u,"RGBtoHSL",(function(){return Kt})),n.d(u,"c",(function(){return Wt})),n.d(u,"gray",(function(){return Ut})),n.d(u,"RGBtoSimpleGray",(function(){return Zt})),n.d(u,"RGBtoGray",(function(){return qt})),n.d(u,"brightness",(function(){return Jt})),n.d(u,"RGBtoYCrCb",(function(){return Qt})),n.d(u,"PivotRGB",(function(){return te})),n.d(u,"RGBtoXYZ",(function(){return ee})),n.d(u,"RGBtoLAB",(function(){return ne}));var s={};n.r(s),n.d(s,"CMYKtoRGB",(function(){return re}));var l={};n.r(l),n.d(l,"HSVtoRGB",(function(){return oe})),n.d(l,"HSVtoHSL",(function(){return ie}));var f={};n.r(f),n.d(f,"HUEtoRGB",(function(){return ae})),n.d(f,"HSLtoHSV",(function(){return ce})),n.d(f,"HSLtoRGB",(function(){return ue}));var p={};n.r(p),n.d(p,"YCrCbtoRGB",(function(){return se}));var h={};n.r(h),n.d(h,"getColorIndexString",(function(){return be})),n.d(h,"isColor",(function(){return ge})),n.d(h,"matches",(function(){return me})),n.d(h,"convertMatches",(function(){return we})),n.d(h,"convertMatchesArray",(function(){return Oe})),n.d(h,"reverseMatches",(function(){return ke})),n.d(h,"trim",(function(){return Se})),n.d(h,"parse",(function(){return Pe})),n.d(h,"parseGradient",(function(){return xe}));var d={};n.r(d),n.d(d,"interpolateRGB",(function(){return $e})),n.d(d,"interpolateRGBObject",(function(){return Ee})),n.d(d,"scale",(function(){return _e})),n.d(d,"blend",(function(){return Ce})),n.d(d,"mix",(function(){return Te})),n.d(d,"contrast",(function(){return Re})),n.d(d,"contrastColor",(function(){return De})),n.d(d,"gradient",(function(){return Ve})),n.d(d,"scaleHSV",(function(){return Ae})),n.d(d,"scaleH",(function(){return Ie})),n.d(d,"scaleS",(function(){return Le})),n.d(d,"scaleV",(function(){return Me}));var v={};n.r(v),n.d(v,"start",(function(){return af}));var b;n(0);function g(t,e){return Math.floor(Math.random()*(e-t+1))+t}function m(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=w();return e}function w(){return it({r:g(0,255),g:g(0,255),b:g(0,255)})}function O(){return it({r:g(0,255),g:g(0,255),b:g(0,255),a:g(0,1e3)/1e3})}function k(t){return function(t){if(Array.isArray(t))return t}(t)||P(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}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 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)||P(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function P(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function $(t){return($="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(0===e)return t;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 _(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 C(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function T(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function R(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return T(t,e).join(n)}function D(t,e,n){var r=V(t[e],e);return G(n)?n(r):r}function V(t,e){return void 0===t?e:t}function A(t){return null==t}function I(t){return!1===A(t)}function L(t){return Array.isArray(t)}function M(t){return"boolean"==typeof t}function B(t){return"string"==typeof t}function z(t){return!1===B(t)}function F(t){return"object"==$(t)&&!L(t)&&!H(t)&&!B(t)&&null!==t}function G(t){return"function"==typeof t}function H(t){return"number"==typeof t}function Y(t){return JSON.parse(JSON.stringify(t))}function X(t){var e={};return Object.keys(t).filter((function(e){return!!t[e]})).forEach((function(n){e[n]=t[n]})),e}function N(t){return Object.keys(t).forEach((function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))})),t}function K(t){return S(Array(t))}function W(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[g(0,e.length-1)]}var U=(j(b={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},"path",!0),j(b,"polygon",!0),j(b,"polyline",!0),j(b,"use",!0),b),Z=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 G(r)&&(r=r()),L(r)||(r=[r]),t+(r=r.join(""))})).join("");return o=o.replace(/\<(\w*)([^\>]*)\/\>/gim,(function(t,e){return U[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))};function q(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 J(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")?r:(t.split(e).forEach((function(t){var e=k(t.split(n).map((function(t){return t.trim()}))),o=e[0],i=e.slice(1);""!=o&&(r[o]=i.join(n))})),r)}function Q(t){return Object.keys(t).map((function(e){return"class"===e&&F(t[e])?"".concat(e,'="').concat(tt(t[e]),'"'):M(t[e])||A(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function tt(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function et(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function nt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function rt(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?ot(t):"rgb"==e?it(t,n):"hsl"==e?at(t):t}function ot(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(L(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!A(t))return 1==t.a||A(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 at(t){return L(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||A(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,")")}var ct={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 ct.divs(t,ct.len(t))},ang:function(t,e){return Math.acos(ct.dot(t,e)/(ct.len(t)*ct.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),y=Math.sin(c),h=u*s*l+-f*p*y,d=f*s*l- -u*p*y,v=u*p*l+f*s*-y,b=u*s*y- -f*p*l;return{x:n*(1-2*(v*v+b*b))+r*(2*(d*v-b*h))+o*(2*(d*b+v*h)),y:n*(2*(d*v+b*h))+r*(1-2*(d*d+b*b))+o*(2*(v*b-d*h)),z:n*(2*(d*b-v*h))+r*(2*(b*v+d*h))+o*(1-2*(d*d+v*v))}}},ut={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:ct,addVector:function(t,e){return ct.add(t,e)},rotateVector:function(t,e){return ct.rotate(t,e)}};function st(t,e){return e=A(e)?1:e,Math.round(t*e)/e}function lt(t){return t*Math.PI/180}function ft(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function pt(t){var e=180*t/Math.PI;return e<0&&(e=360+e),e}function yt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(lt(t))}function ht(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(lt(t))}function dt(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:yt(t,e,n),y:ht(t,e,r)}}function vt(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 bt(t,e){return pt(Math.atan2(e,t))}function gt(t,e){return bt(t.x,t.y)-bt(e.x,e.y)}function mt(t,e,n){var r=bt(t.x-e.x,t.y-e.y);return bt(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function wt(t,e){return(pt(Math.atan2(e,t))+180)%360}var Ot=/[xy]/g;function kt(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(Ot,(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 jt(){var t=(new Date).getTime();return"idxxxxxxx".replace(Ot,(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 St=function(t){return 3*t*t*(1-t)},Pt=function(t){return 3*t*(1-t)*(1-t)},xt=function(t){return(1-t)*(1-t)*(1-t)};function $t(t,e,n,r){var o=e,i=r;return function(t){return 1-(o*St(t)+i*Pt(t)+xt(t))}}function Et(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 _t(t,e,n){return A(n)?ct.cross2d(t,e):ct.cross2d(ct.sub(e,t),ct.sub(n,t))}function Ct(t,e,n,r){var o=_t(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 Tt(t,e,n){for(var r=ct.create(Math.min(e,n),Math.max(e,n)),o=-1,i=0,a=t.length;i<a;i++)if(ct.equal(t[i],r)){o=i;break}o>-1?t.splice(o,1):t.push(r)}function Rt(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function Dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=ct.create(-2e9,-2e9),t[e+1]=ct.create(2e9,-2e9),t[e+2]=ct.create(0,2e9);for(var n=[ct.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(f=n[a]){var c=t[f.x],u=t[f.y],s=t[f.z],l=t[r];Ct(c,u,s,l)?(Tt(o,f.x,f.y),Tt(o,f.y,f.z),Tt(o,f.z,f.x),Rt(i,a,n.length-1),Rt(n,a,n.length-1),n.pop(),a--):i[a]=!0}}o.forEach((function(e){0===_t(t[e.x],t[e.y],t[r])||n.push(ct.create(e.x,e.y,r))}))}for(r=0;r<n.length;r++){var f;((f=n[r]).x>=e||f.y>=e||f.z>=e)&&(Rt(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 Vt(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=-n,s=t+n,l=-r,f=e+r,p=u;p<s;p+=o)for(var y=l;y<f;y+=o){var h=Math.floor(p+o/2*(a()*i*2-i)),d=Math.floor(y+o/2*(a()*i*2-i));c[c.length]={x:h,y:d}}return c}function At(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var It=/[\b\t \,\n]/g;function Lt(t){return t.trim().split(It).filter((function(t){return t})).map((function(t){return+t}))}function Mt(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function Bt(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function zt(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;c=Bt(c),u=Bt(u),s=Bt(s);var l=st(255*c),f=st(255*u),p=st(255*s);return{r:l,g:f,b:p}}function Ft(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;o=Mt(o);var c=95.047*(i=Mt(i)),u=100*o,s=108.883*(a=Mt(a));return{x:c,y:u,z:s}}function Gt(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function Ht(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;o=Gt(o);var c=116*(i=Gt(i))-16,u=500*(o-i),s=200*(i-(a=Gt(a)));return{l:c,a:u,b:s}}function Yt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return zt(Ft(t,e,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=t/255,i=e/255,a=n/255,c=Math.max(o,i,a),u=Math.min(o,i,a),s=c-u,l=0;0==s?l=0:c==o?l=(i-a)/s%6*60:c==i?l=60*((a-o)/s+2):c==a&&(l=60*((o-i)/s+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:s/c,v:c}}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,c=1-Math.max(o,i,a),u=(1-o-c)/(1-c),s=(1-i-c)/(1-c),l=(1-a-c)/(1-c);return{c:u,m:s,y:l,k:c}}function Kt(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:st(360*o),s:st(100*i),l:st(100*u)}}function Wt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ut((t+e+n)/3>90?0:255)}function Ut(t){return{r:t,g:t,b:t}}function Zt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ut(Math.ceil((t+e+n)/3))}function qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ut(Qt(t,e,n).y)}function Jt(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function Qt(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var o=Jt(t,e,n),i=.564*(n-o),a=.713*(t-o);return{y:o,cr:a,cb:i}}function te(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function ee(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=.4124*(o=te(o))+.3576*(i=te(i))+.1805*(a=te(a)),u=.2126*o+.7152*i+.0722*a,s=.0193*o+.1192*i+.9505*a;return{x:c,y:u,z:s}}function ne(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Ht(ee(t,e,n))}function re(t,e,n,r){if(1==arguments.length){var o=arguments[0];t=o.c,e=o.m,n=o.y,r=o.k}var i=255*(1-t)*(1-r),a=255*(1-e)*(1-r),c=255*(1-n)*(1-r);return{r:i,g:a,b:c}}function oe(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=t,i=e,a=n;o>=360&&(o=0);var c=i*a,u=c*(1-Math.abs(o/60%2-1)),s=a-c,l=[];return 0<=o&&o<60?l=[c,u,0]:60<=o&&o<120?l=[u,c,0]:120<=o&&o<180?l=[0,c,u]:180<=o&&o<240?l=[0,u,c]:240<=o&&o<300?l=[u,0,c]:300<=o&&o<360&&(l=[c,0,u]),{r:st(255*(l[0]+s)),g:st(255*(l[1]+s)),b:st(255*(l[2]+s))}}function ie(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var o=oe(t,e,n);return Kt(o.r,o.g,o.b)}function ae(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 ce(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var o=ue(t,e,n);return Xt(o.r,o.g,o.b)}function ue(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=ae(u,c,t+1/3),i=ae(u,c,t),a=ae(u,c,t-1/3)}return{r:st(255*o),g:st(255*i),b:st(255*a)}}function se(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 le={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)",currentColor:"currentColor"};var fe={isColorName:function(t){return!!le[t]},getColorByName:function(t){return le[t]}};function pe(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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function he(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ye(Object(n),!0).forEach((function(e){de(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function de(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=/(#(?:[\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 be(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function ge(t){return!!me(t).length}function me(t){var e=t.match(ve),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=fe.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 we(t){var e=me(t);return e.forEach((function(e){t=t.replace(e.color,be(e))})),{str:t,matches:e}}function Oe(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=we(t);return n.str.split(e).map((function(t,e){return t=Se(t),n.matches[e]&&(t=t.replace(be(n.matches[e]),n.matches[e].color)),t}))}function ke(t,e){return e.forEach((function(e){t=t.replace(be(e),e.color)})),t}var je=/^\s+|\s+$/g;function Se(t){return t.replace(je,"")}function Pe(t){if(B(t)){if(fe.isColorName(t)&&(t=fe.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Se(r[e]),10);return i=he({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},{},Kt(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(Se(r[e])):parseInt(Se(r[e]),10);return i=he({},i={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},{},Kt(i))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Se(r[e]));return i=he({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},{},ue(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(Se(r[e])):parseInt(Se(r[e]),10);return i=he({},i={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},{},ue(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=he({},i={type:"hex",r:r[0],g:r[1],b:r[2],a:1},{},Kt(i))}}else if(H(t)){var i;if(0<=t&&t<=16777215)return i=he({},i={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1},{},Kt(i));if(0<=t&&t<=4294967295)return i=he({},i={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255},{},Kt(i))}return t}function xe(t){B(t)&&(t=Oe(t));var e=(t=t.map((function(t){if(B(t)){var e=we(t),n=Se(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]=ke(n[0],e.matches),n}if(Array.isArray(t))return t[1]?B(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",pe(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 $e(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=Ee(t,e,n);return rt(o,o.a<1?"rgb":r)}function Ee(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;return{r:st(t.r+(e.r-t.r)*n),g:st(t.g+(e.g-t.g)*n),b:st(t.b+(e.b-t.b)*n),a:st(t.a+(e.a-t.a)*n,100)}}function _e(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];B(t)&&(t=Oe(t));for(var n=(t=t||[]).length,r=[],o=0;o<n-1;o++)for(var i=0;i<e;i++)r.push(Ce(t[o],t[o+1],i/e));return r}function Ce(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=Pe(t),i=Pe(e);return $e(o,i,n,r)}function Te(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 Ce(t,e,n,r)}function Re(t){return t=Pe(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function De(t){return Re(t)>=128?"black":"white"}function Ve(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=xe(t)).length-1),o=r,i=1,a=t.length;i<a;i++){var c=t[i-1][0],u=t[i][0],s=1==i?t[i][1]:t[i][1]-t[i-1][1],l=i==t.length-1?o:Math.floor(s*r);n=n.concat(_e([c,u],l),[u]),o-=l}return n}function Ae(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=Pe(t),u=Xt(c),s=(i-o)*a/n,l=[],f=1;f<=n;f++)u[e]=Math.abs((a-s*f)/a),l.push(rt(oe(u),r));return l}function Ie(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return Ae(t,"h",e,n,r,o,1)}function Le(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Ae(t,"s",e,n,r,o,100)}function Me(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:9,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgb",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return Ae(t,"v",e,n,r,o,100)}function Be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ze(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}_e.parula=function(t){return _e(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},_e.jet=function(t){return _e(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},_e.hsv=function(t){return _e(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},_e.hot=function(t){return _e(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},_e.pink=function(t){return _e(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},_e.bone=function(t){return _e(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},_e.copper=function(t){return _e(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var Fe=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Be(Object(n),!0).forEach((function(e){ze(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},r,{},i,{},a,{},d,{},h,{},p,{},u,{},s,{},l,{},f,{},c,{},o),Ge=[{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=Ge.length;t<e;t++){var n=Ge[t],r=Fe.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var He={colors:Ge,checkHueColor:function(t){for(var e,n,r=0;r<Ge.length;r++)if(Ge[r].start>=t){e=Ge[r-1],n=Ge[r];break}return e&&n?Fe.interpolateRGB(e,n,(t-e.start)/(n.start-e.start)):Ge[0].rgb}};function Ye(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xe(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ye(Object(n),!0).forEach((function(e){Ne(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ye(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ne(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Ke=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)};function We(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 Ue(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){!function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=Xe({},e,{},n);Object.keys(r).forEach((function(r){Ke(t,r,e[r],n[r])}))}(e,We(n.attributes),We(e.attributes));var o=Ze(e),i=Ze(n),a=Math.max(o.length,i.length);for(r=0;r<a;r++)Ue(e,o[r],i[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,u}var Ze=function(t){var e=t.firstElementChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextElementSibling}while(e);return n};function qe(t,e){t=t.el||t,e=e.el||e;for(var n=Ze(t),r=Ze(e),o=Math.max(n.length,r.length),i=0;i<o;i++)Ue(t,n[i],r[i],i)}function Je(t,e){for(var n=0;n<e.length;n++){var 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var tn={center:50,top:0,left:0,right:100,bottom:100},en=function t(){Qe(this,t)};en.CENTER="center",en.TOP="top",en.RIGHT="right",en.LEFT="left",en.BOTTOM="bottom";var nn=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,rn=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(Qe(this,t),this.value=e,H(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 H(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 I(tn[this.value])?t.percent(tn[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){return arguments.length>1&&void 0!==arguments[1]&&arguments[1],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(st(this.value,e),this.unit)}},{key:"floor",value:function(){return new t(Math.floor(this.value),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}},{key:"clamp",value:function(e,n){return new t(Math.max(e,Math.min(n,this.value)),this.unit)}}],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(B(e=e||t.number(0))){var n=(e=e.trim()).replace(nn,"$1 $2").split(" ");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 I(e.percent)?r=e.percent:I(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit)return r=0,I(e.px)?r=e.px:I(e.value)&&(r=e.value),t.px(r);if("em"==e.unit)return r=0,I(e.em)?r=e.em:I(e.value)&&(r=e.value),t.em(r);if("deg"==e.unit)return r=0,I(e.deg)?r=e.deg:I(e.value)&&(r=e.value),t.deg(r);if("turn"==e.unit)return r=0,I(e.deg)?r=e.turn:I(e.value)&&(r=e.value),t.turn(r);if("s"==e.unit)return r=0,I(e.second)?r=e.second:I(e.value)&&(r=e.value),t.second(r);if("ms"==e.unit)return r=0,I(e.ms)?r=e.ms:I(e.value)&&(r=e.value),t.ms(r);if("number"==e.unit)return r=0,I(e.value)&&(r=e.value),t.number(r);if("--"==e.unit)return r=0,I(e.value)&&(r=e.value),t.var(r);if(""===e.unit||"string"===e.unit)return r="",I(e.str)?r=e.str:I(e.value)&&(r=e.value),t.string(r)}return t.string(e)}}],n&&Je(e.prototype,n),r&&Je(e,r),t}();function on(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 an(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,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}rn.auto=rn.string("auto");var un=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),z(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:"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 an({},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){this.parent().children().forEach((function(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 A(t)?this.el.innerHTML:(B(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){if(this.fragment){var e=this.createChildrenFragment();qe(e,t),this.html(e)}else this.empty().append(t),this.fragment=!0}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";qe(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";qe(this,t.create(n).html("<svg>".concat(e,"</svg>")).firstChild)}},{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){var n=this.findAll(e);return Object.keys(n).map((function(e){return t.create(n[e])}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return B(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return B(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(A(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(I(t)&&I(e))Object.assign(this.el.style,an({},t,e));else if(I(t)){if(B(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 A(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,rn.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"offsetRect",value:function(){return{x:this.el.offsetLeft,y:this.el.offsetTop,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(A(e))return this.el.value;if(I(e)){var n=e;e instanceof t&&(n=e.val()),this.el.value=n}return this}},{key:"matches",value:function(t){return this.el&&this.el.matches?this.el.matches(t)?this:this.parent().matches(t):null}},{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:"isShow",value:function(){return!this.isHide()}},{key:"toggle",value:function(t){var e=this.isHide();return 1==arguments.length?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:"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?on(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return t.create(this.el.firstElementChild)}}],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&&cn(e.prototype,n),r&&cn(e,r),t}(),sn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:yn;return" ".concat(e," ").concat(t)},ln=/^dom (.*)/gi,fn=/^load (.*)/gi,pn=/^bind (.*)/gi,yn="|",hn={},dn=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"dom "+[r].concat(e).join(" ")}},vn=dn,bn=dn("click"),gn=dn("dblclick"),mn=(dn("mousedown"),dn("mouseup")),wn=(dn("mousemove"),dn("mouseover"),dn("mouseout"),dn("mouseenter"),dn("mouseleave"),dn("touchstart"),dn("touchmove"),dn("touchend"),dn("keydown")),On=dn("keyup"),kn=(dn("keypress"),dn("drag"),dn("dragstart")),jn=dn("drop"),Sn=dn("dragover"),Pn=(dn("dragenter"),dn("dragleave"),dn("dragexit"),dn("dragout"),dn("dragend")),xn=dn("contextmenu"),$n=dn("change"),En=dn("input"),_n=dn("focus"),Cn=(dn("focusin"),dn("focusout")),Tn=dn("blur"),Rn=(dn("paste"),dn("resize")),Dn=dn("scroll"),Vn=dn("submit"),An=vn("pointerdown"),In=vn("pointermove"),Ln=vn("pointerup"),Mn=vn("change","input"),Bn=vn("wheel","mousewheel","DOMMouseScroll"),zn=(dn("animationstart"),dn("animationend"),dn("animationiteration"),dn("transitionstart"),dn("transitionend")),Fn=(dn("transitionrun"),dn("transitioncancel"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:yn;return sn(t,e)}),Gn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:yn;return sn("after(".concat(t,")"),e)},Hn=Fn,Yn=Fn,Xn=(Fn("ArrowUp"),Fn("ArrowDown"),Fn("ArrowLeft"),Fn("ArrowRight"),Fn("Enter")),Nn=(Fn("Space"),Fn("Escape")),Kn=Fn("isAltKey"),Wn=(Fn("isShiftKey"),Fn("isMetaKey"),Fn("isCtrlKey"),Fn("self"),Fn("fit"),Fn("passive"),Fn("vdom")),Un=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Fn("debounce(".concat(t,")"))},Zn=(Un(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Fn("throttle(".concat(t,")"))}),qn=(Fn("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return Gn("bodyMouseMove ".concat(t))}),Jn=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return Gn("bodyMouseUp ".concat(t))},Qn=Gn("preventDefault"),tr=Gn("stopPropagation"),er=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},nr=function(t){if(""===t)return"";var e=kt();return hn[e]=t,e},rr=function(t){return function(){return this.prevState[t]!=this.state[t]}},or=function(){return!0},ir=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?yn+nr(e):"")},ar={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 cr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var sr,lr=function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];cr(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?E(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;Promise.resolve().then((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)}))}))}},{key:"triggerMessage",value:function(t,e,n,r,o,i){var a=this;Promise.resolve().then((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")}))}},{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)}}])&&ur(e.prototype,n),r&&ur(e,r),t}();function fr(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 pr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dr(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var vr=(dr(sr={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),dr(sr,"initializeProperty",!0),dr(sr,"created",!0),dr(sr,"getRealEventName",!0),dr(sr,"initializeStoreEvent",!0),dr(sr,"destoryStoreEvent",!0),dr(sr,"destroy",!0),dr(sr,"emit",!0),dr(sr,"trigger",!0),dr(sr,"on",!0),dr(sr,"off",!0),dr(sr,"setState",!0),dr(sr,"_reload",!0),dr(sr,"render",!0),dr(sr,"initialize",!0),dr(sr,"afterRender",!0),dr(sr,"components",!0),dr(sr,"getRef",!0),dr(sr,"parseTemplate",!0),dr(sr,"childrenIds",!0),dr(sr,"exists",!0),dr(sr,"parseProperty",!0),dr(sr,"parseSourceName",!0),dr(sr,"parseComponent",!0),dr(sr,"clean",!0),dr(sr,"refresh",!0),dr(sr,"template",!0),dr(sr,"eachChildren",!0),dr(sr,"initializeEvent",!0),dr(sr,"destroy",!0),dr(sr,"self",!0),dr(sr,"isAltKey",!0),dr(sr,"isCtrlKey",!0),dr(sr,"isShiftKey",!0),dr(sr,"isMetaKey",!0),dr(sr,"preventDefault",!0),dr(sr,"stopPropagation",!0),dr(sr,"bodyMouseMove",!0),dr(sr,"bodyMouseUp",!0),sr),br=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};yr(this,t),this.context=e,this.options=n}var e,n,r;return e=t,(n=[{key:"initialize",value:function(){}},{key:"load",value:function(){}},{key:"refresh",value:function(){}},{key:"render",value:function(){}},{key:"getRef",value:function(t){return this.context.getRef(t)}},{key:"splitMethodByKeyword",value:function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=pr(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}},{key:"collectProps",value:function(){var t=this.context,e=t.__proto__,n=[];do{if(!1==e instanceof Object)break;var r=Object.getOwnPropertyNames(e).filter((function(e){return t&&G(t[e])&&!vr[e]}));n.push.apply(n,fr(r)),e=e.__proto__}while(e);return n}},{key:"filterProps",value:function(t){return this.collectProps().filter((function(e){return e.match(t)}))}},{key:"run",value:function(){}},{key:"destroy",value:function(){}}])&&hr(e.prototype,n),r&&hr(e,r),t}();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 mr(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)||wr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function wr(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function Or(t,e){return jr(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||kr()}function kr(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function jr(t){if(Array.isArray(t))return t}function Sr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 $r(t){return($r=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Er(t,e){return(Er=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _r={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0,wheel:!0,mousewheel:!0},Cr=function(t){function e(){return Sr(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&&Er(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.filterProps(ln)),this._domEvents.forEach((function(e){return t.parseEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{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;ar.removeEvent(n,e,r)}},{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:"matchPath",value:function(t,e){return t?t.matches(e)?t:this.matchPath(t.parentElement,e):null}},{key:"hasDelegate",value:function(t,e){return this.matchPath(t.target||t.srcElement,e.delegate)}},{key:"makeCallback",value:function(t,e){return t.delegate?this.makeDelegateCallback(t,e):this.makeDefaultCallback(t,e)}},{key:"makeDefaultCallback",value:function(t,e){var n=this;return function(r){var o=n.runEventCallback(r,t,e);if(I(o))return o}}},{key:"makeDelegateCallback",value:function(t,e){var n=this;return function(r){var o=n.hasDelegate(r,t);if(o){r.$dt=un.create(o);var i=n.runEventCallback(r,t,e);if(I(i))return i}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=ar.posXY(t),e.beforeMethods.length&&e.beforeMethods.every((function(e){return r[e.target].call(r,t,e.param)})),this.checkEventType(t,e)){var o=n(t,t.$dt,t.xy);return!1!==o&&e.afterMethods.length&&e.afterMethods.forEach((function(e){return r[e.target].call(r,t,e.param)})),o}}},{key:"checkEventType",value:function(t,e){var n=this.context,r=!0;e.codes.length&&(r=!!t.code&&e.codes.indexOf(t.code.toLowerCase())>-1||!!t.key&&e.codes.indexOf(t.key.toLowerCase())>-1);var o=!0;return e.checkMethodList.length&&(o=e.checkMethodList.every((function(e){var r=n[e];return G(r)&&r?r.call(n,t):!I(r)||!!r}))),r&&o}},{key:"getDefaultDomElement",value:function(t){var e,n=this.context;return(e=t?n.refs[t]||n[t]||window[t]:n.el||n.$el||n.$root)instanceof un?e.getElement():e}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,o=r.filter((function(t){return!!n[t]})),i=Or(this.splitMethodByKeyword(r,"after"),2),a=i[0],c=i[1],u=Or(this.splitMethodByKeyword(r,"before"),2),s=u[0],l=u[1],f=Or(this.splitMethodByKeyword(r,"debounce"),2),p=f[0],y=f[1],h=Or(this.splitMethodByKeyword(r,"throttle"),2),d=h[0],v=h[1],b=Or(this.splitMethodByKeyword(r,"capture"),1)[0],g=[].concat(mr(o),mr(a),mr(s),mr(p),mr(d),mr(b));return{eventName:t,codes:r.filter((function(t){return-1===g.indexOf(t)})).map((function(t){return t.toLowerCase()})),captures:b,afterMethods:c,beforeMethods:l,debounceMethods:y,throttleMethods:v,checkMethodList:o}}},{key:"addEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;_r[t.eventName]&&(n={passive:!0,capture:n}),ar.addEvent(t.dom,t.eventName,t.callback,n)}},{key:"bindingEvent",value:function(t,e,n){var r=function(t){return jr(t)||wr(t)||kr()}(t),o=r[0],i=r[1],a=r.slice(2),c=(this.context,this.getDefaultEventObject(o,e));c.dom=this.getDefaultDomElement(i),c.delegate=a.join(" "),c.debounceMethods.length?n=E(n,+c.debounceMethods[0].target):c.throttleMethods.length&&(n=_(n,+c.throttleMethods[0].target)),this.addEvent(c,n)}},{key:"getEventNames",value:function(t){var e=[];return t.split(":").forEach((function(t){var n=t.split(":");e.push.apply(e,mr(n))})),e}},{key:"parseEvent",value:function(t){var e=this,n=this.context,r=t.split(yn).map((function(t){return t.trim()})),o=r.shift().split("dom ")[1].split(" "),i=this.getEventNames(o[0]),a=n[t].bind(n);i.forEach((function(t){o[0]=t,e.bindingEvent(o,r,a)}))}}])&&Pr(n.prototype,r),o&&Pr(n,o),e}(br);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 Rr(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Dr(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,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 Ir(t){return(Ir=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)}function Mr(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 Br,zr=function(t,e,n){"cssText"!==e?"style"!==e?"class"!==e?A(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):"value"===e?t.val(n):t.attr(e,n):L(n)?t.addClass.apply(t,Mr(n)):F(n)?C(n,(function(e,n){return t.toggleClass(e,n)})):t.addClass(n):z(n)&&t.css(n):t.cssText(n)},Fr=function(t){function e(){return Dr(this,e),Ar(this,Ir(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{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(pn)),this._bindMethods.filter((function(t){if(!n.length)return!0;var e=Rr(t.split(yn),2),r=e[0],o=(e[1],Rr(r.split(" "),2)),i=(o[0],o[1]);return n.indexOf(i)>-1})).forEach((function(e){var r=t.context[e],o=Rr(e.split(yn),2),i=(e=o[0],o[1]),a=t.getRef(i),c=or;""!=a&&B(a)?c=rr(a):G(a)&&(c=a);var u=e.split("bind ")[1],s=t.context.refs[u],l=G(c)&&c.call(t.context);if(s&&l){var f=r.call.apply(r,[t.context].concat(n));if(!f)return;C(f,(function(t,e){zr(s,t,e)}))}}))}},{key:"destroy",value:function(){this._bindMethods=void 0}}])&&Vr(n.prototype,r),o&&Vr(n,o),e}(br);function Gr(){var t=Xr(["",""]);return Gr=function(){return t},t}function Hr(t){return Jr(t)||Kr(t)||qr()}function Yr(){var t=Xr(["\n        ","\n      "]);return Yr=function(){return t},t}function Xr(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function Nr(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)||Kr(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Kr(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Zr(t,e){return Jr(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||qr()}function qr(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function Jr(t){if(Array.isArray(t))return t}var Qr=un.create("div"),to="[".concat("ref","]"),eo=(Ur(Br={constructor:!0,initState:!0,refresh:!0,updateData:!0},"constructor",!0),Ur(Br,"initializeProperty",!0),Ur(Br,"created",!0),Ur(Br,"getRealEventName",!0),Ur(Br,"initializeStoreEvent",!0),Ur(Br,"destoryStoreEvent",!0),Ur(Br,"destroy",!0),Ur(Br,"emit",!0),Ur(Br,"trigger",!0),Ur(Br,"on",!0),Ur(Br,"off",!0),Ur(Br,"setState",!0),Ur(Br,"_reload",!0),Ur(Br,"render",!0),Ur(Br,"initialize",!0),Ur(Br,"afterRender",!0),Ur(Br,"components",!0),Ur(Br,"getRef",!0),Ur(Br,"parseTemplate",!0),Ur(Br,"childrenIds",!0),Ur(Br,"exists",!0),Ur(Br,"parseProperty",!0),Ur(Br,"parseSourceName",!0),Ur(Br,"parseComponent",!0),Ur(Br,"clean",!0),Ur(Br,"refresh",!0),Ur(Br,"loadTemplate",!0),Ur(Br,"load",!0),Ur(Br,"bindData",!0),Ur(Br,"template",!0),Ur(Br,"eachChildren",!0),Ur(Br,"initializeEvent",!0),Ur(Br,"destroy",!0),Ur(Br,"collectProps",!0),Ur(Br,"filterProps",!0),Ur(Br,"self",!0),Ur(Br,"isAltKey",!0),Ur(Br,"isCtrlKey",!0),Ur(Br,"isShiftKey",!0),Ur(Br,"isMetaKey",!0),Ur(Br,"preventDefault",!0),Ur(Br,"stopPropagation",!0),Ur(Br,"bodyMouseMove",!0),Ur(Br,"bodyMouseUp",!0),Br),no=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.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=kt(),this.handlers=this.initializeHandler(),this.initializeProperty(e,n),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=Nr(this.childComponentSet.keys()).join(",")}},{key:"initializeHandler",value:function(){return[new Fr(this),new Cr(this)]}},{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.state={},this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(t){this.$el=this.parseTemplate(Z(Yr(),this.template())),this.refs.$el=this.$el,t&&t.append(this.$el),this.load(),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;L(t)&&(t=t.join("")),t=t.trim();var r=Qr.html(t).children();return r.forEach((function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(to),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?Qr.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return T(this.children,(function(t,e){return e.id}))}},{key:"exists",value:function(){return!this.parent||!G(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=Zr(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(Nr(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()),e.replace(c.$el)})),C(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return C(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[er(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(fn)),this._loadMethods.filter((function(t){var e=t.split("load ")[1].split(yn)[0];return!n.length||n.indexOf(e)>-1})).forEach((function(e){var r=Hr(e.split("load ")[1].split(yn).map((function(t){return t.trim()}))),o=r[0],i=r.slice(1),a=(i=i.map((function(t){return t.trim()}))).indexOf(Wn.value)>-1;if(t.refs[o]){var c,u=(c=t[e]).call.apply(c,[t].concat(n));L(u)&&(u=u.join(""));var s=t.parseTemplate(Z(Gr(),u),!0);a?t.refs[o].htmlDiff(s):t.refs[o].html(s)}})),this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"runHandlers",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"run",e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.handlers.forEach((function(e){return e[t].apply(e,n)}))}},{key:"bindData",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.runHandlers.apply(this,["load"].concat(e))}},{key:"template",value:function(){return"<div></div>"}},{key:"eachChildren",value:function(t){G(t)&&C(this.children,(function(e,n){t(n)}))}},{key:"rerender",value:function(){var t=this.$el.parent();this.destroy(),this.render(t)}},{key:"destroy",value:function(){this.eachChildren((function(t){t.destroy()})),this.runHandlers("destroy"),this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{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 t&&G(t[e])&&!eo[e]}));n.push.apply(n,Nr(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.$dt&&t.$dt.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)}}])&&Wr(e.prototype,n),r&&Wr(e,r),t}();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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 io(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 co(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 uo(t,e,n){return(uo="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=so(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 so(t){return(so=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lo(t,e){return(lo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var fo=/^ME@/,po=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")},yo=function(){return"ME@"+po.apply(void 0,arguments)},ho=function(t){function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return io(this,e),(n=co(this,so(e).call(this,t,r))).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&&lo(t,e)}(e,t),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=kt(),this.sourceName=this.constructor.name,t&&t.$store&&(this.$store=t.$store),t&&t.$editor&&(this.$editor=t.$editor)}},{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.filterProps(fo).forEach((function(e){var n=t.getRealEventName(e,"ME@"),r=oo(function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=Zr(t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),2);return{target:n[0],param:n[1]}}));return[n,r]}(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="".concat(t.sourceName,".").concat(n),r.source=t.source,t.$store.on(n,r,t,a)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){uo(so(e.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){uo(so(e.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{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)}},{key:"$i18n",value:function(t){return this.$editor.i18n(t)}},{key:"$initI18n",value:function(t){return this.$editor.initI18n(t)}},{key:"$theme",value:function(t){return this.$editor.themeValue(t)}},{key:"$config",get:function(){return this.$editor.config}},{key:"$selection",get:function(){return this.$editor.selection}},{key:"$timeline",get:function(){return this.$editor.timeline}}])&&ao(n.prototype,r),o&&ao(n,o),e}(no),vo={en_US:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Language","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.gray":"Gray","app.label.theme":"Theme","app.tab.title.projects":"Projects","app.tab.title.layers":"Layers","app.tab.title.libraries":"Library","app.tab.title.components":"Object","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","menu.item.download.title":"Download","menu.item.save.title":"Save","menu.item.export.title":"Export","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"Screen","menu.item.github.title":"Github","menu.item.learn.title":"Learn","project.property.title":"Project","project.information.property.title":"Project information","project.information.property.name":"Name","project.information.property.description":"Description","artboard.property.title":"ArtBoards","artboard.property.layout.title.flex":"Flex","artboard.property.layout.title.grid":"Grid","layer.tree.property.title":"Layers","layer.tree.property.layout.title.flex":"Flex","layer.tree.property.layout.title.grid":"Grid","alignment.property.title":"Alignment","position.property.title":"Position","position.property.X":"X","position.property.Y":"Y","size.property.title":"Size","size.property.width":"Width","size.property.height":"Height","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","background.color.property.opacity":"Opacity","background.color.property.blend":"Blend","background.color.property.overflow":"Overflow","background.color.property.overflow.visible":"Visible","background.color.property.overflow.hidden":"Hidden","background.color.property.overflow.scroll":"Scroll","background.color.property.overflow.auto":"Auto","blend.normal":"normal","blend.multiply":"multiply","blend.screen":"screen","blend.overlay":"overlay","blend.darken":"darken","blend.lighten":"lighten","blend.color-dodge":"color-dodge","blend.color-burn":"color-burn","blend.hard-light":"hard-light","blend.soft-light":"soft-light","blend.difference":"difference","blend.exclusion":"exclusion","blend.hue":"hue","blend.saturation":"saturation","blend.color":"color","blend.luminosity":"luminosity","background.image.property.title":"Fill","border.property.title":"Border","border.radius.property.title":"Border Radius","boxshadow.property.title":"Box Shadows","filter.property.title":"Filter","filter.property.blur":"Blur","filter.property.grayscale":"GrayScale","filter.property.hue-rotate":"Hue Rotate","filter.property.invert":"Invert","filter.property.brightness":"Brightness","filter.property.contrast":"Contrast","filter.property.drop-shadow":"Drop Shadow","filter.property.drop-shadow.color":"Color","filter.property.drop-shadow.offsetX":"Offset X","filter.property.drop-shadow.offsetY":"Offset Y","filter.property.drop-shadow.blurRadius":"Blur","filter.property.opacity":"Opacity","filter.property.saturate":"Saturate","filter.property.sepia":"Sepia","filter.property.svg":"SVG","font.property.title":"Font","font.property.color":"Color","font.property.size":"Size","font.property.stretch":"Stretch","font.property.weight":"Weight","font.property.style":"Style","font.property.family":"Family","font.spacing.property.title":"Font spacing","font.spacing.property.lineHeight":"Line height","font.spacing.property.letterSpacing":"Letter spacing","font.spacing.property.wordSpacing":"Word spacing","font.spacing.property.indent":"Indent","backdrop.filter.property.title":"Backdrop Filter","clippath.property.title":"Clip Path","export.property.title":"Export","export.property.download":"Download","image.property.title":"Image","image.property.origin":"Origin","image.property.size":"Size","image.property.width":"Width","image.property.height":"height","video.property.title":"Video","video.property.play":"Play","video.property.pause":"Pause","video.property.volume":"Volume","video.property.playbackRate":"Playback Rate","video.property.currentTime":"Current Time","video.property.playTime":"Play Time Distance","motion.property.title":"Motion","text.property.title":"Text Style","text.property.align":"Align","text.property.transform":"Transform","text.property.decoration":"Decoration","text.clip.property.title":"Text Clip","text.shadow.property.title":"Text Shadows","text.fill.property.title":"Text Fill","text.fill.property.fill":"Fill","text.fill.property.stroke":"Stroke","text.fill.property.strokeWidth":"Width","transform.property.title":"Transform","transform.origin.property.title":"Transform Origin","transition.property.title":"CSS Transition","keyframe.property.title":"CSS Keyframe","selector.property.title":"Selector","selector.property.none":"None selector","path.data.property.title":"Path Information","polygon.data.property.title":"Polygon Information","perspective.property.title":"Perspective","perspective.origin.property.title":"Perspective Origin","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"Motion Path","svg.item.property.fill":"Fill","svg.item.property.fillOpacity":"Opacity","svg.item.property.path":"Path","svg.item.property.polygon":"Polygon","svg.item.property.totalLength":"Total Length","svg.item.property.fillRule":"Fill Rule","svg.item.property.stroke":"Stroke","svg.item.property.strokeWidth":"Width","svg.item.property.dashArray":"Dash Array","svg.item.property.dashOffset":"Dash Offset","svg.item.property.lineCap":"Line Cap","svg.item.property.lineJoin":"Line Join","svg.item.property.filter":"Filter","border.editor.all":"All","border.editor.width":"Width","border.editor.style":"Style","border.editor.color":"C","border.editor.top":"Top","border.editor.left":"Left","border.editor.right":"Right","border.editor.bottom":"Bottom","border.radius.editor.topLeft":"Top Left","border.radius.editor.topRight":"Top Right","border.radius.editor.bottomLeft":"Bottom Left","border.radius.editor.bottomRight":"Bottom Right","boxshadow.editor.blur":"Blur","boxshadow.editor.spread":"Spread","css.property.editor.properties":"Properties","offset.path.list.editor.path":"Path","offset.path.list.editor.totalLength":"Total Length","offset.path.list.editor.distance":"Distance","offset.path.list.editor.direction":"Direction","offset.path.list.editor.rotate":"Rotate","svgfilter.select.editor.message.create":"Create new svg filter","svgfilter.select.editor.message.select":"Select a filter","fill.editor.message.click.image":"Click the preview area if you want to select a image","fill.editor.message.drag.position":"Drag if you want to move center position","fill.editor.x1":"Start X","fill.editor.x2":"End X","fill.editor.y1":"Start Y","fill.editor.y2":"End Y","fill.editor.spread":"Spread","fill.editor.offset":"Offset","fill.editor.cx":"Center X","fill.editor.cy":"Center Y","fill.editor.r":"End radius","fill.editor.fx":"Start X","fill.editor.fy":"Start Y","fill.editor.fr":"Start radius","perspective.origin.editor.originX":"Origin X","perspective.origin.editor.originY":"Origin Y","path.manager.msg":"Keydown ESC or Enter key to close editing","path.manager.mode.modify":"Modify","path.manager.mode.path":"Path","path.manager.mode.transform":"Transform","path.manager.mode.flipX":"Flip X","path.manager.mode.flipY":"Flip Y","path.manager.mode.flipOrigin":"Flip Origin","colorpicker.popup.title":"ColorPicker","selector.popup.title":"Selector Property","selector.popup.selector":"Selector","background.image.position.popup.title":"Background Pattern","background.image.position.popup.size":"Size","background.image.position.popup.width":"Width","background.image.position.popup.height":"Height","background.image.position.popup.repeat":"Repeat","background.image.position.popup.blend":"Blend","background.image.position.popup.type.repeat":"repeat","background.image.position.popup.type.no-repeat":"no repeat","background.image.position.popup.type.repeat-x":"repeat-x","background.image.position.popup.type.repeat-y":"repeat-y","background.image.position.popup.type.space":"space","background.image.position.popup.type.round":"round","gradient.picker.popup.title":"Gradient & Image Picker","image.asset.property.title":"Image","video.asset.property.title":"Video","color.asset.property.title":"Color","gradient.asset.property.title":"Gradient","pattern.asset.property.title":"Pattern","svgfilter.asset.property.title":"SVG Filter","inspector.tab.title.style":"Style","inspector.tab.title.component":"Component","inspector.tab.title.transition":"Transition & Animation","inspector.tab.title.asset":"Assets","inspector.tab.title.text":"Text","inspector.tab.title.code":"Code","timeline.property.title":"Timeline","timeline.animation.property.title":"Animations","timeline.play.control.play":"Play","timeline.play.control.pause":"Pause","timeline.play.control.first":"First","timeline.play.control.prev":"Previous","timeline.play.control.next":"Next","timeline.play.control.last":"Last","timeline.play.control.direction":"Direction","timeline.play.control.speed":"Speed","timeline.play.control.repeat":"Repeat","timeline.play.control.infinite":"Infinite","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"Value","timeline.value.editor.time":"Time","timeline.value.editor.timing":"Timing","svgfilter.popup.title":"SVG Filter","css.item.rotate":"Rotate","css.item.rotateX":"Rotate X","css.item.rotateY":"Rotate Y","css.item.rotateZ":"Rotate Z","css.item.rotate3d":"3D Rotate","css.item.skewX":"Skew X","css.item.skewY":"Skew Y","css.item.translate":"Translate","css.item.translateX":"Translate X","css.item.translateY":"Translate Y","css.item.translateZ":"Translate Z","css.item.translate3d":"3D Translate","css.item.perspective":"Perspective","css.item.scale":"Scale","css.item.scaleX":"Scale X","css.item.scaleY":"Scale Y","css.item.scaleZ":"Scale Z","css.item.scale3d":"3D Scale","css.item.matrix":"Matrix","css.item.matrix3d":"3D Matrix","animation.property.title":"CSS Animation","animation.property.direction":"Direction","animation.property.play.state":"Play State","animation.property.fill.mode":"Fill Mode","animation.property.delay":"Delay","animation.property.duration":"Duration","animation.property.iteration.count":"Iteration Count","animation.property.Select a keyframe":"Select a keyframe","animation.property.popup.title":"Animation","animation.property.popup.timing.function":"Timing Function","animation.property.popup.keyframe":"Keyframe","animation.property.popup.direction":"Direction","animation.property.popup.play.state":"Play State","animation.property.popup.fill.mode":"Fill Mode","animation.property.popup.delay":"Delay","animation.property.popup.duration":"Duration","animation.property.popup.iteration":"Iteration","animation.property.popup.normal":"normal","animation.property.popup.reverse":"reverse","animation.property.popup.alternate":"alternate","animation.property.popup.alternate-reverse":"alternate-reverse","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"Select a keyframe","keyframe.popup.title":"Keyframe","code.view.property.title":"CodeView","svg.filter.editor.tab.filter":"Filter","svg.filter.editor.tab.preset":"Preset","svg.filter.editor.tab.asset":"Assets","svg.filter.editor.GRAPHIC REFERENCES":"GRAPHIC REFERENCES","svg.filter.editor.SOURCES":"SOURCES","svg.filter.editor.MODIFIER":"MODIFIER","svg.filter.editor.LIGHTING":"LIGHTING","svg.filter.editor.COMBINERS":"COMBINERS","svg.filter.editor.Template":"Template","layout.property.title":"Layout","layout.property.flex":"Flex Box","layout.property.grid":"Grid","layout.property.default":"Default","flex.layout.editor.row":"Row","flex.layout.editor.column":"column","flex.layout.editor.row-reverse":"Row Reverse","flex.layout.editor.column-reverse":"Column Reverse","flex.layout.editor.nowrap":"Nowrap","flex.layout.editor.wrap":"Wrap","flex.layout.editor.wrap-reverse":"Wrap Reverse","flex.layout.editor.flex-start":"Start","flex.layout.editor.flex-end":"End","flex.layout.editor.center":"Center","flex.layout.editor.space-between":"Between","flex.layout.editor.space-around":"Around","flex.layout.editor.baseline":"BaseLine","flex.layout.editor.stretch":"Stretch","flex.layout.editor.direction":"Direction","flex.layout.editor.justify-content":"Justify Content","flex.layout.editor.align-items":"Align Items","flex.layout.editor.align-content":"Align Content","flex.layout.item.property.title":"Layout Item Detail","flex.layout.item.property.grow":"Flex Grow","flex.layout.item.property.shrink":"Flex Shrink","flex.layout.item.property.basis":"Flex Basis","flex.layout.item.property.none":"none","flex.layout.item.property.auto":"auto","flex.layout.item.property.value":"value","grid.layout.editor.template.columns":"Columns","grid.layout.editor.column.gap":"Column Gap","grid.layout.editor.template.rows":"Rows","grid.layout.editor.row.gap":"Row Gap","grid.box.editor.box.title":"Box","grid.box.editor.type":"Type","grid.box.editor.repeat":"Repeat","grid.box.editor.length":"Length","grid.box.editor.none":"None","grid.box.editor.auto":"Auto","grid.box.editor.count":"Count","grid.box.editor.value":"Size","grid.layout.item.property.title":"Layout Item Detail","grid.layout.item.property.column":"Column","grid.layout.item.property.row":"Row","grid.layout.item.property.start":"Start","grid.layout.item.property.end":"End","grid.layout.item.property.none":"none","grid.layout.item.property.value":"value","box.model.property.title":"Box Model","box.model.property.margin":"Margin","box.model.property.padding":"Padding","component.items.canvas":"Canvas","component.items.layer":"Layer","component.items.3dlayer":"3D Layer","component.items.drawing":"Drawing","component.items.custom":"Custom Component","svg.text.property.title":"SVG Text Style","svg.text.property.textarea":"Text Area","svg.text.property.size":"Font Size","svg.text.property.weight":"Font Weight","svg.text.property.style":"Font Style","svg.text.property.anchor":"Text Anchor","svg.text.property.family":"Font Family","svg.text.property.length.adjust":"Length Adjust","svg.text.property.text.length":"Text Length","svg.text.property.start.offset":"Start Offset","fill.picker.popup.title":"SVG Fragment picker","gradient.editor.drag.message":"Drag if you want to move center pointer.","draw.manager.tolerance":"Tolerance","pattern.property.title":"Pattern","pattern.info.popup.title":"Pattern Info","pattern.info.popup.width":"Width","pattern.info.popup.height":"Height","pattern.info.popup.lineWidth":"Line Width","pattern.info.popup.lineHeight":"Line Height","pattern.info.popup.rotate":"Rotate","pattern.info.popup.blend":"Blend Mode","pattern.info.popup.foreColor":"Fore","pattern.info.popup.backColor":"Back","stroke.dasharray.editor.add":"Add Dash"},fr_FR:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Langue","app.theme.dark":"Sombre","app.theme.light":"Clair","app.theme.gray":"Gris","app.label.theme":"Thème","app.tab.title.projects":"Projets","app.tab.title.layers":"Objets","app.tab.title.libraries":"Librarie","app.tab.title.components":"Objet","app.tab.title.assets":"Elements","app.tab.title.keyMap":"Clavier","menu.item.download.title":"Télécharger","menu.item.save.title":"Enregistrer","menu.item.export.title":"Exporter","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"Ecran","menu.item.github.title":"Github","menu.item.learn.title":"Docs","project.property.title":"Projet","project.information.property.title":"Information","project.information.property.name":"Nom","project.information.property.description":"Description","artboard.property.title":"Planche","artboard.property.layout.title.flex":"Flex","artboard.property.layout.title.grid":"Grille","layer.tree.property.title":"Objets","layer.tree.property.layout.title.flex":"Flex","layer.tree.property.layout.title.grid":"Grille","alignment.property.title":"Alignment","position.property.title":"Position","position.property.X":"X","position.property.Y":"Y","size.property.title":"Taille","size.property.width":"Largeur","size.property.height":"Hauteur","background.color.property.title":"Apparance","background.color.property.color":"Couleur","background.color.property.zindex":"z-index","background.color.property.opacity":"Opacité","background.color.property.blend":"Mélange","background.color.property.overflow":"Débordement","background.color.property.overflow.visible":"Visible","background.color.property.overflow.hidden":"Caché","background.color.property.overflow.scroll":"Scroll","background.color.property.overflow.auto":"Auto","blend.normal":"normal","blend.multiply":"multiplie","blend.screen":"écran","blend.overlay":"couche","blend.darken":"sombre","blend.lighten":"clair","blend.color-dodge":"dodge","blend.color-burn":"brulé","blend.hard-light":"dur","blend.soft-light":"doux","blend.difference":'diff"rence',"blend.exclusion":"exclusion","blend.hue":"teinte","blend.saturation":"saturation","blend.color":"couleur","blend.luminosity":"luminosité","background.image.property.title":"Remplissage","border.property.title":"Bordure","border.radius.property.title":"Rayon de bordure","boxshadow.property.title":"Ombres","filter.property.title":"Filtre","filter.property.blur":"Flou","filter.property.grayscale":"Echelle de gris","filter.property.hue-rotate":"Rotation teinte","filter.property.invert":"Invertir","filter.property.brightness":"Luminosité","filter.property.contrast":"Contraste","filter.property.drop-shadow":"Ombre portée","filter.property.drop-shadow.color":"Couleur","filter.property.drop-shadow.offsetX":"Décalage X","filter.property.drop-shadow.offsetY":"Décalage Y","filter.property.drop-shadow.blurRadius":"Flou","filter.property.opacity":"Opacité","filter.property.saturate":"Saturation","filter.property.sepia":"Sépia","filter.property.svg":"SVG","font.property.title":"Police","font.property.color":"Couleur","font.property.size":"Taille","font.property.stretch":"Etirement","font.property.weight":"Poids","font.property.style":"Style","font.property.family":"Famille","font.spacing.property.title":"Espaces du texte","font.spacing.property.lineHeight":"Hauteur de ligne","font.spacing.property.letterSpacing":"Espace inter-caractères","font.spacing.property.wordSpacing":"Espace inter-mots","font.spacing.property.indent":"Identation","backdrop.filter.property.title":"Filtre Backdrop","clippath.property.title":"Chemin du Clip","export.property.title":"Exporter","export.property.download":"Télécharger","image.property.title":"Image","image.property.origin":"Origine","image.property.size":"Taille","image.property.width":"Largeur","image.property.height":"Hauteur","video.property.title":"Video","video.property.play":"Jouer","video.property.pause":"Pause","video.property.volume":"Volume","video.property.playbackRate":"Vitesse de lecture","video.property.currentTime":"Temps actuel","video.property.playTime":"Temps de lecture","motion.property.title":"Mouvement","text.property.title":"Style Texte","text.property.align":"Alignement","text.property.transform":"Transformation","text.property.decoration":"Décoration","text.clip.property.title":"Clip Texte","text.shadow.property.title":"Ombres Texte","text.fill.property.title":"Remplissage Texte","text.fill.property.fill":"Remplissage","text.fill.property.stroke":"Trait","text.fill.property.strokeWidth":"Largeur","transform.property.title":"Transformation","transform.origin.property.title":"Origine Transformation","transition.property.title":"Transition CSS","keyframe.property.title":"Image clé CSS","selector.property.title":"Sélécteur","selector.property.none":"Aucun sélécteur","path.data.property.title":"Information Chemin","polygon.data.property.title":"Information Polygone","perspective.property.title":"Perspective","perspective.origin.property.title":"Origine Perspective","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"Chemin de mouvement","svg.item.property.fill":"Remplissage","svg.item.property.fillOpacity":"Opacité","svg.item.property.path":"Chemin","svg.item.property.polygon":"Polygone","svg.item.property.totalLength":"Longueur totale","svg.item.property.fillRule":"Règle remplissage","svg.item.property.stroke":"Trait","svg.item.property.strokeWidth":"Largeur de trait","svg.item.property.dashArray":"Suite tiret","svg.item.property.dashOffset":"Décalage tiret","svg.item.property.lineCap":"Chapeau Ligne","svg.item.property.lineJoin":"Jonction ligne","svg.item.property.filter":"Filtre","border.editor.all":"Tout","border.editor.width":"Largeur","border.editor.style":"Style","border.editor.color":"Couleur","border.editor.top":"Haut","border.editor.left":"Gauche","border.editor.right":"Droite","border.editor.bottom":"Bas","border.radius.editor.topLeft":"Haut gauche","border.radius.editor.topRight":"Haut droite","border.radius.editor.bottomLeft":"Bas gauche","border.radius.editor.bottomRight":"Bas droite","boxshadow.editor.blur":"Flou","boxshadow.editor.spread":"Etalement","css.property.editor.properties":"Propriétés","offset.path.list.editor.path":"Chemin","offset.path.list.editor.totalLength":"Longueur totale","offset.path.list.editor.distance":"Distance","offset.path.list.editor.direction":"Direction","offset.path.list.editor.rotate":"Rotation","svgfilter.select.editor.message.create":"Créer un filtre svg","svgfilter.select.editor.message.select":"Sélection filtre","fill.editor.message.click.image":"Cliquez sur aperçu si vous souhaitez sélectionner une image","fill.editor.message.drag.position":"Prendre pour changer la position centrale","fill.editor.x1":"Début X","fill.editor.x2":"Fin X","fill.editor.y1":"Début Y","fill.editor.y2":"Fin Y","fill.editor.spread":"Etalement","fill.editor.offset":"Décalage","fill.editor.cx":"Centre X","fill.editor.cy":"Centre Y","fill.editor.r":"Rayon de fin","fill.editor.fx":"Départ X","fill.editor.fy":"Départ Y","fill.editor.fr":"Rayon de départ","perspective.origin.editor.originX":"Origine X","perspective.origin.editor.originY":"Origine Y","path.manager.msg":"Appuyer ESC ou Entréz keypour fermer Edition","path.manager.mode.modify":"Modifier","path.manager.mode.path":"Chemin","path.manager.mode.transform":"Transformer","path.manager.mode.flipX":"Retouner X","path.manager.mode.flipY":"Retouner Y","path.manager.mode.flipOrigin":"Retouner Origine","colorpicker.popup.title":"Pipette","selector.popup.title":"Propiété de Sélecteur","selector.popup.selector":"Sélecteur","background.image.position.popup.title":"Motif de fond","background.image.position.popup.size":"Taille","background.image.position.popup.width":"Largeur","background.image.position.popup.height":"Hauteur","background.image.position.popup.repeat":"Repète","background.image.position.popup.blend":"Mélange","background.image.position.popup.type.repeat":"repète","background.image.position.popup.type.no-repeat":"sans repétition","background.image.position.popup.type.repeat-x":"repète-x","background.image.position.popup.type.repeat-y":"repète-y","background.image.position.popup.type.space":"espace","background.image.position.popup.type.round":"rond","gradient.picker.popup.title":"Sélection Gradient & Image","image.asset.property.title":"Image","video.asset.property.title":"Vidéo","color.asset.property.title":"Couleur","gradient.asset.property.title":"Gradient","pattern.asset.property.title":"Motif","svgfilter.asset.property.title":"Filtre SVG","inspector.tab.title.style":"Style","inspector.tab.title.component":"Composant","inspector.tab.title.transition":"Transition & Animation","inspector.tab.title.asset":"Eléments","inspector.tab.title.text":"Texte","inspector.tab.title.code":"Code","timeline.property.title":"Chronologie","timeline.animation.property.title":"Animations","timeline.play.control.play":"Jouer","timeline.play.control.pause":"Pause","timeline.play.control.first":"Premier","timeline.play.control.prev":"Précédent","timeline.play.control.next":"Suivant","timeline.play.control.last":"Dernier","timeline.play.control.direction":"Direction","timeline.play.control.speed":"Vitesse","timeline.play.control.repeat":"Répéter","timeline.play.control.infinite":"Infini","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternatif","timeline.play.control.reverse":"inverse","timeline.play.control.alternate.reverse":"inverse alternatif","timeline.value.editor.value":"Valeur","timeline.value.editor.time":"Temps","timeline.value.editor.timing":"Calage temps","svgfilter.popup.title":"Filtre SVG","css.item.rotate":"Rotation","css.item.rotateX":"Rotation X","css.item.rotateY":"Rotation Y","css.item.rotateZ":"Rotation Z","css.item.rotate3d":"Rotation 3D","css.item.skewX":"Oblique X","css.item.skewY":"Oblique Y","css.item.translate":"Translation","css.item.translateX":"Translation X","css.item.translateY":"Translation Y","css.item.translateZ":"Translation Z","css.item.translate3d":"Translation 3D","css.item.perspective":"Perspéctive","css.item.scale":"Echelle","css.item.scaleX":"Echelle X","css.item.scaleY":"Echelle Y","css.item.scaleZ":"Echelle Z","css.item.scale3d":"Echelle 3D","css.item.matrix":"Matrice","css.item.matrix3d":"Matrice 3D","animation.property.title":"Animation CSS","animation.property.direction":"Direction","animation.property.play.state":"Etat lecture","animation.property.fill.mode":"Mode remplissage","animation.property.delay":"Délais","animation.property.duration":"Durée","animation.property.iteration.count":"Nombre Itérations","animation.property.Select a keyframe":"Selectionner une image clé","animation.property.popup.title":"Animation","animation.property.popup.timing.function":"Fonction temps","animation.property.popup.keyframe":"image clé","animation.property.popup.direction":"Direction","animation.property.popup.play.state":"Etat lecture","animation.property.popup.fill.mode":"Mode remplissage","animation.property.popup.delay":"Délais","animation.property.popup.duration":"Duréé","animation.property.popup.iteration":"Itération","animation.property.popup.normal":"normal","animation.property.popup.reverse":"inverse","animation.property.popup.alternate":"alternatif","animation.property.popup.alternate-reverse":"inverse alternatif","animation.property.popup.none":"Aucun","animation.property.popup.forwards":"en avant","animation.property.popup.backwards":"en arrière","animation.property.popup.both":"les deux","animation.property.popup.Select a keyframe":"Selectionner une image clé","keyframe.popup.title":"image clé","code.view.property.title":"Vue code","svg.filter.editor.tab.filter":"Filtrer","svg.filter.editor.tab.preset":"Pre-rempli","svg.filter.editor.tab.asset":"Eléments","svg.filter.editor.GRAPHIC REFERENCES":"REFERENCES GRAPHIQUES","svg.filter.editor.SOURCES":"SOURCES","svg.filter.editor.MODIFIER":"MODIFIER","svg.filter.editor.LIGHTING":"ECLAIRAGE","svg.filter.editor.COMBINERS":"COMBINER","svg.filter.editor.Template":"Modèle","layout.property.title":"Disposition","layout.property.flex":"Boîte Flex","layout.property.grid":"Grille","layout.property.default":"Défaut","flex.layout.editor.row":"Ligne","flex.layout.editor.column":"Colonne","flex.layout.editor.row-reverse":"Inverse ligne","flex.layout.editor.column-reverse":"Inverse Colonne","flex.layout.editor.nowrap":"Non-emballé","flex.layout.editor.wrap":"Emballé (wrap)","flex.layout.editor.wrap-reverse":"Inverse emballé","flex.layout.editor.flex-start":"Début","flex.layout.editor.flex-end":"Fin","flex.layout.editor.center":"Centrer","flex.layout.editor.space-between":"Entre","flex.layout.editor.space-around":"Autour","flex.layout.editor.baseline":"Base","flex.layout.editor.stretch":"Etirement","flex.layout.editor.direction":"Direction","flex.layout.editor.justify-content":"Justifier","flex.layout.editor.align-items":"Aligner objets","flex.layout.editor.align-content":"Aligner contenu","flex.layout.item.property.title":"Détail Disposition objet","flex.layout.item.property.grow":"Augmenter Flex","flex.layout.item.property.shrink":"Réduire Flex","flex.layout.item.property.basis":"Base Flex","flex.layout.item.property.none":"Aucun","flex.layout.item.property.auto":"auto","flex.layout.item.property.value":"valeur","grid.layout.editor.template.columns":"Colonne","grid.layout.editor.column.gap":"Espace Colonne","grid.layout.editor.template.rows":"Lignes","grid.layout.editor.row.gap":"Espace lignes","grid.box.editor.box.title":"Boîte","grid.box.editor.type":"Type","grid.box.editor.repeat":"Répéter","grid.box.editor.length":"Longueur","grid.box.editor.none":"Aucun","grid.box.editor.auto":"Auto","grid.box.editor.count":"Compte","grid.box.editor.value":"Taille","grid.layout.item.property.title":"Détail disposition objets","grid.layout.item.property.column":"Colonne","grid.layout.item.property.row":"Ligne","grid.layout.item.property.start":"Début","grid.layout.item.property.end":"Fin","grid.layout.item.property.none":"Aucun","grid.layout.item.property.value":"valeur","box.model.property.title":"Modèle","box.model.property.margin":"Marge","box.model.property.padding":"Espace","component.items.canvas":"Toile","component.items.layer":"Objet","component.items.3dlayer":"Objet 3D","component.items.drawing":"Dessin","component.items.custom":"Composant personnalisé","svg.text.property.title":"Style SVG Texte","svg.text.property.textarea":"Zone Texte","svg.text.property.size":"Taille","svg.text.property.weight":"Poids","svg.text.property.style":"Style","svg.text.property.anchor":"Ancre Texte","svg.text.property.family":"Famille","svg.text.property.length.adjust":"Ajusteement longueur","svg.text.property.text.length":"Ajusteement Texte","svg.text.property.start.offset":"Décallage départ","fill.picker.popup.title":"Sélection Fragment SVG","gradient.editor.drag.message":"Glisser pour déplacer centre.","draw.manager.tolerance":"Tolérance","pattern.property.title":"Motif","pattern.info.popup.title":"Info Motif","pattern.info.popup.width":"Largeur","pattern.info.popup.height":"Hauteur","pattern.info.popup.lineWidth":"Largeur ligne","pattern.info.popup.lineHeight":"Hauteur de ligne","pattern.info.popup.rotate":"Rotatation","pattern.info.popup.blend":"Mélange","pattern.info.popup.foreColor":"Avant","pattern.info.popup.backColor":"Arrière","stroke.dasharray.editor.add":"Ajout tiret"},ko_KR:{"app.title":"EASYLOGIC","app.sample":function(t,e,n){return"".concat(t,"-").concat(e,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"언어","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.gray":"회색","app.label.theme":"테마","app.tab.title.projects":"프로젝트","app.tab.title.layers":"레이어","app.tab.title.libraries":"라이브러리","app.tab.title.components":"컴포넌트","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.github.title":"Github","menu.item.learn.title":"배우기","project.property.title":"프로젝트","project.information.property.title":"프로젝트 정보","project.information.property.name":"이름","project.information.property.description":"설명","artboard.property.title":"아트보드","artboard.property.layout.title.flex":"플렉스","artboard.property.layout.title.grid":"그리드","layer.tree.property.title":"레이어","layer.tree.property.layout.title.flex":"플렉스","layer.tree.property.layout.title.grid":"그리드","alignment.property.title":"정렬","position.property.title":"위치","position.property.X":"X","position.property.Y":"Y","size.property.title":"크기","size.property.width":"넓이","size.property.height":"높이","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","background.color.property.opacity":"투명도","background.color.property.blend":"블렌드모드","background.color.property.overflow":"오버플로우","background.color.property.overflow.visible":"보이기","background.color.property.overflow.hidden":"숨기기","background.color.property.overflow.scroll":"스크롤","background.color.property.overflow.auto":"자동","blend.normal":"Normal(표준) 혼합모드","blend.multiply":"Multiply(곱하기) 모드","blend.screen":"Screen(스크린) 모드 ","blend.overlay":"Overlay(오버레이) 모드","blend.darken":"Darken(어둡기) 모드","blend.lighten":"Lighten(밝기) 모드 ","blend.color-dodge":"Color Dodge(컬러 닷지) 모드 ","blend.color-burn":"Color Burn(컬러 번) 모드 ","blend.hard-light":"Hard Light(하드 라이트) 모드 ","blend.soft-light":"Soft Light(소프트 라이트) 모드 ","blend.difference":"Difference(차이) 모드","blend.exclusion":"Exclusion(제외) 모드","blend.hue":"Hue(색조) 모드 ","blend.saturation":"Saturation(채도) 모드","blend.color":"Color(색상) 모드","blend.luminosity":"Luminosity(광도) 모드 ","background.image.property.title":"배경(그라디언트)","border.property.title":"외곽선","border.radius.property.title":"둥근 외곽선","boxshadow.property.title":"그림자","filter.property.title":"필터","filter.property.blur":"흐림(Blur)","filter.property.grayscale":"회색(GrayScale)","filter.property.hue-rotate":"색조(HueRotate)","filter.property.invert":"반전(Invert)","filter.property.brightness":"밝기(Brightness)","filter.property.contrast":"대\b조(Contrast)","filter.property.drop-shadow":"그림자(Drop Shadow)","filter.property.drop-shadow.color":"색","filter.property.drop-shadow.offsetX":"X 간격","filter.property.drop-shadow.offsetY":"Y 간격","filter.property.drop-shadow.blurRadius":"흐림","filter.property.opacity":"투명도(Opacity)","filter.property.saturate":"채도(Saturate)","filter.property.sepia":"갈색톤(Sepia)","filter.property.svg":"SVG","font.property.title":"폰트","font.property.color":"색","font.property.size":"크기","font.property.stretch":"뻗기","font.property.weight":"굵기","font.property.style":"스타일","font.property.family":"글꼴","font.spacing.property.title":"폰트 공간","font.spacing.property.lineHeight":"줄 높이","font.spacing.property.letterSpacing":"글자 간격","font.spacing.property.wordSpacing":"단어 간격","font.spacing.property.indent":"들여쓰기","backdrop.filter.property.title":"후면 필터","clippath.property.title":"클립패스","export.property.title":"내보내기","export.property.download":"다운로드","image.property.title":"이미지","image.property.origin":"원본","image.property.size":"크기","image.property.width":"넓이","image.property.height":"높이","video.property.title":"비디오","video.property.play":"시작","video.property.pause":"멈춤","video.property.volume":"볼륨","video.property.playbackRate":"빠르기","video.property.currentTime":"현재 시간","video.property.playTime":"플레이 시간 간격","motion.property.title":"모션","path.data.property.title":"패스 정보","polygon.data.property.title":"폴리곤 정보","text.property.title":"텍스트 스타일","text.property.align":"정렬","text.property.transform":"변형","text.property.decoration":"장식","text.clip.property.title":"텍스트 클립","text.shadow.property.title":"텍스트 그림자","text.fill.property.title":"텍스트 채우기","text.fill.property.fill":"채우기","text.fill.property.stroke":"윤곽선","text.fill.property.strokeWidth":"윤곽선 굵기","transform.property.title":"트랜스폼","transform.origin.property.title":"트랜스폼 Origin","transition.property.title":"CSS 트랜지션","keyframe.property.title":"CSS 키프레임","selector.property.title":"CSS 셀렉터","selector.property.none":"선택자 없음","perspective.property.title":"투영(perspective)","perspective.origin.property.title":"투영 중심점","svg.item.property.title":"SVG","svg.item.property.isMotionPath":"모션 패스","svg.item.property.fill":"채우기","svg.item.property.fillOpacity":"투명도","svg.item.property.path":"패스","svg.item.property.polygon":"폴리곤","svg.item.property.totalLength":"전체 길이","svg.item.property.fillRule":"채우기 규칙","svg.item.property.stroke":"선","svg.item.property.strokeWidth":"선 굵기","svg.item.property.dashArray":"점선 길이","svg.item.property.dashOffset":"점선 위치","svg.item.property.lineCap":"선 모양","svg.item.property.lineJoin":"겹친 선","svg.item.property.filter":"필터","border.editor.all":"전체","border.editor.width":"크기","border.editor.style":"스타일","border.editor.color":"색","border.editor.top":"위","border.editor.left":"왼쪽","border.editor.right":"오른쪽","border.editor.bottom":"아래","border.radius.editor.topLeft":"왼쪽 위","border.radius.editor.topRight":"오른쪽 위","border.radius.editor.bottomLeft":"왼쪽 아래","border.radius.editor.bottomRight":"오른쪽 아래","boxshadow.editor.blur":"흐림","boxshadow.editor.spread":"길이","css.property.editor.properties":"속성","offset.path.list.editor.path":"패스","offset.path.list.editor.totalLength":"전체 길이","offset.path.list.editor.distance":"거리","offset.path.list.editor.direction":"방향","offset.path.list.editor.rotate":"회전","svgfilter.select.editor.message.create":"새로운 SVG Filter 를 만드세요.","svgfilter.select.editor.message.select":"필터를 선택하세요.","fill.editor.message.click.image":"이미지를 선택하고 싶으면 프리뷰 영역을 클릭하세요.","fill.editor.message.drag.position":"가운데 위치를 드래그 해보세요.","fill.editor.x1":"시작 X","fill.editor.x2":"끝 X","fill.editor.y1":"시작 Y","fill.editor.y2":"끝 Y","fill.editor.spread":"확산","fill.editor.offset":"위치","fill.editor.cx":"중심점 X","fill.editor.cy":"중심점 Y","fill.editor.r":"끝 반지름","fill.editor.fx":"시작 X","fill.editor.fy":"시작 Y","fill.editor.fr":"시작 반지름","perspective.origin.editor.originX":"중심점 X","perspective.origin.editor.originY":"중심점 Y","path.manager.msg":"편집을 종료할 때는 ESC 키나 Enter 키를 누르세요. 또는 화면을 클릭하시면 됩니다.","path.manager.mode.modify":"점 편집","path.manager.mode.path":"점 추가","path.manager.mode.transform":"변형","path.manager.mode.flipX":"X축 회전","path.manager.mode.flipY":"Y축 회전","path.manager.mode.flipOrigin":"전체 회전","colorpicker.popup.title":"색상 선택","selector.popup.title":"선택자 속성","selector.popup.selector":"선택자","background.image.position.popup.title":"배경 패턴","background.image.position.popup.size":"크기","background.image.position.popup.width":"넓이","background.image.position.popup.height":"높이","background.image.position.popup.repeat":"반복","background.image.position.popup.blend":"블렌드","background.image.position.popup.type.repeat":"반복","background.image.position.popup.type.no-repeat":"반복 안함","background.image.position.popup.type.repeat-x":"x축 반복","background.image.position.popup.type.repeat-y":"y축 반복","background.image.position.popup.type.space":"공백유지","background.image.position.popup.type.round":"반올림","gradient.picker.popup.title":"그라디언트와 이미지","image.asset.property.title":"이미지","video.asset.property.title":"비디오","color.asset.property.title":"색","gradient.asset.property.title":"그라디언트","pattern.asset.property.title":"패턴","svgfilter.asset.property.title":"SVG 필터","inspector.tab.title.style":"스타일 속성","inspector.tab.title.component":"컴포넌트 속성","inspector.tab.title.transition":"트랜지션과 애니메이션 속성","inspector.tab.title.asset":"에셋 관리자","inspector.tab.title.text":"텍스트","inspector.tab.title.code":"코드","timeline.property.title":"타임라인","timeline.animation.property.title":"애니메이션","timeline.play.control.play":"플레이","timeline.play.control.pause":"멈춤","timeline.play.control.first":"처음으로","timeline.play.control.prev":"이전으로","timeline.play.control.next":"다음으로","timeline.play.control.last":"마지막으로","timeline.play.control.direction":"방향","timeline.play.control.speed":"속력","timeline.play.control.repeat":"반복","timeline.play.control.infinite":"무한","timeline.play.control.normal":"normal","timeline.play.control.alternate":"alternate","timeline.play.control.reverse":"reverse","timeline.play.control.alternate.reverse":"alternate reverse","timeline.value.editor.value":"값","timeline.value.editor.time":"시간","timeline.value.editor.timing":"타이밍 함수","svgfilter.popup.title":"SVG 필터","css.item.rotate":"회전","css.item.rotateX":"X축 회전","css.item.rotateY":"Y축 회전","css.item.rotateZ":"Z축 회전","css.item.rotate3d":"3D 회전","css.item.skewX":"X축 늘이기","css.item.skewY":"Y축 늘이기","css.item.translate":"이동","css.item.translateX":"X축 이동","css.item.translateY":"Y축 이동","css.item.translateZ":"Z축 이동","css.item.translate3d":"3D 이동","css.item.perspective":"원근","css.item.scale":"크기변경","css.item.scaleX":"X축 크기변경","css.item.scaleY":"Y축 크기변경","css.item.scaleZ":"Z축 크기변경","css.item.scale3d":"3D 크기변경","css.item.matrix":"변환 행렬","css.item.matrix3d":"3D 변환 행렬","animation.property.title":"CSS 애니메이션","animation.property.direction":"방향","animation.property.play.state":"플레이 상태","animation.property.fill.mode":"채우기 모드","animation.property.delay":"대기시간","animation.property.duration":"시간","animation.property.iteration.count":"반복 횟수","animation.property.select a keyframe":"키프레임을 선택해주세요","animation.property.popup.title":"CSS 애니메이션","animation.property.popup.timing.function":"타이밍 함수","animation.property.popup.keyframe":"키프레임","animation.property.popup.direction":"방향","animation.property.popup.play.state":"플레이 상태","animation.property.popup.fill.mode":"채우기 모드","animation.property.popup.delay":"대기시간","animation.property.popup.duration":"시간","animation.property.popup.iteration":"반복 횟수","animation.property.popup.normal":"시간순","animation.property.popup.reverse":"역시간순","animation.property.popup.alternate":"왕복 시간순","animation.property.popup.alternate-reverse":"왕복 역시간순","animation.property.popup.none":"none","animation.property.popup.forwards":"forwards","animation.property.popup.backwards":"backwards","animation.property.popup.both":"both","animation.property.popup.Select a keyframe":"키프레임을 선택해주세요.","keyframe.popup.title":"키프레임","code.view.property.title":"코드뷰","svg.filter.editor.tab.filter":"필터","svg.filter.editor.tab.preset":"프리셋","svg.filter.editor.tab.asset":"에셋","svg.filter.editor.GRAPHIC REFERENCES":"참조 그래픽","svg.filter.editor.SOURCES":"원본","svg.filter.editor.MODIFIER":"수정","svg.filter.editor.LIGHTING":"빛","svg.filter.editor.COMBINERS":"결합","svg.filter.editor.Template":"템플릿","layout.property.title":"레이아웃","layout.property.flex":"플렉스 박스","layout.property.grid":"그리드","layout.property.default":"기본 좌표","flex.layout.editor.row":"행","flex.layout.editor.column":"열","flex.layout.editor.row-reverse":"역방향 행","flex.layout.editor.column-reverse":"역방향 열","flex.layout.editor.nowrap":"감싸지 않기","flex.layout.editor.wrap":"감싸기","flex.layout.editor.wrap-reverse":"역방향 감싸기","flex.layout.editor.flex-start":"시작","flex.layout.editor.flex-end":"끝","flex.layout.editor.center":"중간","flex.layout.editor.space-between":"공간 중간 채움","flex.layout.editor.space-around":"공간 양끝 채움","flex.layout.editor.baseline":"기본선","flex.layout.editor.stretch":"펼치기","flex.layout.editor.direction":"방향","flex.layout.editor.justify-content":"컨텐츠 조정","flex.layout.editor.align-items":"아이템 정렬","flex.layout.editor.align-content":"컨텐츠 정렬","flex.layout.item.property.title":"플렉스 아이템 설정","flex.layout.item.property.grow":"공간 비율","flex.layout.item.property.shrink":"축소 비율","flex.layout.item.property.basis":"초기 크기","flex.layout.item.property.none":"없음","flex.layout.item.property.auto":"자동","flex.layout.item.property.value":"값","grid.layout.editor.template.columns":"열","grid.layout.editor.column.gap":"열 간격","grid.layout.editor.template.rows":"행","grid.layout.editor.row.gap":"행 간격","grid.box.editor.box.title":"영역","grid.box.editor.type":"타입","grid.box.editor.repeat":"반복","grid.box.editor.length":"길이","grid.box.editor.none":"없음","grid.box.editor.auto":"자동","grid.box.editor.count":"개수","grid.box.editor.value":"크기","grid.layout.item.property.title":"그리드 아이템 설정","grid.layout.item.property.column":"열","grid.layout.item.property.row":"행","grid.layout.item.property.start":"시작","grid.layout.item.property.End":"끝","grid.layout.item.property.none":"없음","grid.layout.item.property.value":"값","box.model.property.title":"박스 모델","box.model.property.margin":"마진","box.model.property.padding":"패딩","component.items.canvas":"캔버스","component.items.layer":"레이어","component.items.3dlayer":"3D 레이어","component.items.drawing":"그리기","component.items.custom":"사용자 정의 컴포넌트","svg.text.property.title":"SVG Text 스타일","svg.text.property.textarea":"텍스트 입력","svg.text.property.size":"폰트 크기","svg.text.property.weight":"폰트 굵기","svg.text.property.style":"폰트 스타일","svg.text.property.anchor":"텍스트 위치","svg.text.property.family":"폰트 글꼴","svg.text.property.length.adjust":"길이 대응","svg.text.property.text.length":"텍스트 길이","svg.text.property.start.offset":"시작 지점","fill.picker.popup.title":"색 채우기","gradient.editor.drag.message":"드래그 하면 중심점을 옮길 수 있습니다.","draw.manager.tolerance":"포인트 허용 오차","pattern.property.title":"패턴","pattern.info.popup.title":"패턴 정보","pattern.info.popup.width":"넓이","pattern.info.popup.height":"높이","pattern.info.popup.lineWidth":"선 넓이","pattern.info.popup.lineHeight":"선 높이","pattern.info.popup.rotate":"회전","pattern.info.popup.blend":"블렌드","pattern.info.popup.foreColor":"패턴색","pattern.info.popup.backColor":"배경색","stroke.dasharray.editor.add":"점 추가"}},bo={locales:vo,get:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en_US",r=vo[n][t]||vo.en_US[t]||t||void 0;if(G(r))return r(e);var o=r;return t===o?t.split(".").pop():(C(e,(function(t,e){o=o.replace(new RegExp("{".concat(t,"}"),"ig"),e)})),o)},hasKey:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!vo[e][t]&&!vo.en_US[t])}},go={dark:{left_size:250,left_max_size:400,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},gray:{left_size:250,left_max_size:400,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function mo(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 wo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 ko(t,e){for(var n=0;n<e.length;n++){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 jo=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]:{};e%2?wo(Object(n),!0).forEach((function(e){Oo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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:"toggleLayerContainer",value:function(t){this.currentArtBoard((function(e){e.getSelectedTimeline().animations.filter((function(e){return e.id===t})).forEach((function(t){t.collapsed=!t.collapsed}))}))}},{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,mo(t.keyframes.filter((function(t){return e<=t.time&&t.time<=n}))))}));i.push.apply(i,mo(r))}));var a={};i.forEach((function(t){a[t.id]=t})),r.select.apply(r,mo(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}))}}])&&ko(e.prototype,n),r&&ko(e,r),t}();function So(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Po(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?So(Object(n),!0).forEach((function(e){xo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):So(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eo(t,e){for(var n=0;n<e.length;n++){var 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){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 Co=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $o(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return G(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(Object.assign(this.getDefaultObject(),n)),this.ref}var e,n,r;return e=t,(n=[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{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&&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(Object.assign(this.json,e))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=jt();return Po({id:e,visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"add",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"self";if(t.parent&&t.remove(),"self"===n)this.json.layers.push(t),t.parent=this.ref;else if("before"===n){t.parent=this.parent.ref;var r=[];this.parent.layers.forEach((function(n){n===e.ref&&r.push(t),r.push(n)})),this.parent.layers=r}else"after"===n&&(t.parent=this.parent.ref,r=[],this.parent.layers.forEach((function(n){r.push(n),n===e.ref&&r.push(t)})),this.parent.layers=r);return t}},{key:"toggle",value:function(t,e){A(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:"hasParent",value:function(t){var e=this.json.parent.id===t;return e||!1!==this.json.parent.is("project")?e:this.json.parent.hasParent(t)}},{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(_o(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 _o(function t(e){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,_o(t(e)))})),n.push(e),n}(this.ref))}}])&&Eo(e.prototype,n),r&&Eo(e,r),t}();function To(t){return(To="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Do(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ro(Object(n),!0).forEach((function(e){Vo(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ro(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vo(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ao(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Lo(t,e){return!e||"object"!==To(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mo(t){return(Mo=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 zo=function(t){function e(){return Ao(this,e),Lo(this,Mo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Do({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return q(this.toCSS())}}])&&Io(n.prototype,r),o&&Io(n,o),e}(Co);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 Go(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Ho(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 Yo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yo(Object(n),!0).forEach((function(e){No(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function No(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ko(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Uo(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 Zo(t,e,n){return(Zo="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=qo(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 qo(t){return(qo=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Jo(t,e){return(Jo=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Qo=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,ti=function(t){function e(){return Ko(this,e),Uo(this,qo(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Jo(t,e)}(e,t),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(Ho(n),Ho(o),Ho(r)).map((function(t){return new e(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new e(t)}},{key:"remove",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return B(n)&&(n=[n]),e.filter(t,(function(t){return!1===n.includes(t.type)}))}},{key:"filter",value:function(t,n){return e.join(e.parseStyle(t).filter((function(t){return n(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=e.parseStyle(t);return(r=G(n)?r.find(n):r.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(Qo)||[]).forEach((function(t,r){var o=Go(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 rn.number(t.trim())})):c.map((function(t){return rn.parse(t.trim())})),n[r]=e.parse({type:i,value:c})})),n):n}},{key:"getTransform",value:function(t,e){var n=Go(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=Go(e,2),o=n[0],i=n[1];r.push(o-t[0][0],i-t[0][1])})),n.forEach((function(e){var n=Go(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 Zo(qo(e.prototype),"getDefaultObject",this).call(this,Xo({itemType:"transform",type:"",value:[]},t))}},{key:"toCloneObject",value:function(){return Xo({},Zo(qo(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=Zo(qo(e.prototype),"convert",this).call(this,t)).type.includes("matrix")||t.type.includes("scale")?t.value=t.value.map((function(t){return rn.number(t)})):t.value=t.value.map((function(t){return rn.parse(t)})),t}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}])&&Wo(n.prototype,r),o&&Wo(n,o),e}(zo);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ri(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 oi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ii(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ai(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 ui(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 si(t,e,n){return(si="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=li(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 li(t){return(li=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function fi(t,e){return(fi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pi=function(t){function e(){return ai(this,e),ui(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&&fi(t,e)}(e,t),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]:{};e%2?oi(Object(n),!0).forEach((function(e){ii(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},si(li(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=si(li(e.prototype),"convert",this).call(this,t)).x=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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=ti.parseStyle(un.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]),y=n[13],h=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:y,z:h}}}},{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=ut.addVector(ut.rotateVector(a.a,c.rotate),c.translate),a.b=ut.addVector(ut.rotateVector(a.b,c.rotate),c.translate),a.c=ut.addVector(ut.rotateVector(a.c,c.rotate),c.translate),a.d=ut.addVector(ut.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,ri(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(){return!(!this.json.parent||!1!==this.json.parent.is("project")||!this.isAbsolute)}},{key:"screenX",get:function(){return this.isChild?rn.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||rn.px(0)}},{key:"screenY",get:function(){return this.isChild?rn.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||rn.px(0)}},{key:"screenX2",get:function(){return rn.px(this.screenX.value+this.json.width.value)}},{key:"screenY2",get:function(){return rn.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)),rn.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)),rn.px(this.screenY.value+t)}},{key:"transformOrigin",get:function(){var t=ni((this.json["transform-origin"]||"50% 50%").split(" ").map((function(t){return rn.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 ti.addTransform(this.json.parent.screenTransform,this.json.transform)}}])&&ci(n.prototype,r),o&&ci(n,o),e}(Co);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 hi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function di(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hi(Object(n),!0).forEach((function(e){vi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hi(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 mi(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 Oi(t,e){return(Oi=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ki=function(t){function e(){return bi(this,e),mi(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&&Oi(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return di({selected:!1,layers:[]},t)}}])&&gi(n.prototype,r),o&&gi(n,o),e}(pi);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 Si(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 Pi=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return rn.px(t).round(e)};function xi(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,Si(xi(t,e)))})),e.id?n.push(t):e.includes(t.id)&&n.push(t),n}var $i=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:"getRootItem",value:function(t){var e=t||this.currentArtboard;return t&&(t.is("artboard")?e=t:t.parent&&(e=t.parent)),e}},{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:"hasDifference",value:function(t){if(t.length!=this.items.length)return!0;var e=new Set(t),n=new Set(this.items),r=0,o=!0,i=!1,a=void 0;try{for(var c,u=n[Symbol.iterator]();!(o=(c=u.next()).done);o=!0){var s=c.value;e.has(s)&&r++}}catch(t){i=!0,a=t}finally{try{o||null==u.return||u.return()}finally{if(i)throw a}}return n.size!=r}},{key:"select",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o=(n||[]).filter((function(t){return!t.lock&&t.isAbsolute}));return!1!==this.hasDifference(o)&&(this.items=o,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e})),this.setRectCache(),!0)}},{key:"reselect",value:function(){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:"itemsByIds",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return L(t)?xi(this.artboard,t):B(t)||F(t)?xi(this.artboard,[t]):this.items}},{key:"selectById",value:function(t){this.select.apply(this,Si(xi(this.artboard,t)))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,Si(this.items).concat(Si(xi(this.artboard,t))))}},{key:"removeById",value:function(t){this.select.apply(this,Si(this.items.filter((function(e){return e.id!=t}))))}},{key:"toggleById",value:function(t){this.itemKeys[t]?this.removeById(t):this.addById(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 ki({x:rn.px(t),y:rn.px(e),width:rn.px(n-t),height:rn.px(r-e)})}},{key:"each",value:function(t){var e=this;G(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,Si(this.copyItems.map((function(t){return t.copy()})))),this.copy()}},{key:"isInParent",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t,r=n.parent,o=!n.is("artboard")&&e.includes(r);!o&&!A(r);)n=r,r=r.parent,o=!n.is("artboard")&&e.includes(r);return o}},{key:"move",value:function(t,e){var n=this;this.each((function(r,o){n.isInParent(r,n.items)||r.move(Pi(o.x.value+t),Pi(o.y.value+e))})),this.reselect()}},{key:"moveRight",value:function(t){this.each((function(e,n){e.resizeWidth(Pi(n.width.value+t))}))}},{key:"moveLeft",value:function(t){this.each((function(e,n){n.width.value-t>=0&&(e.moveX(Pi(n.x.value+t)),e.resizeWidth(Pi(n.width.value-t)))}))}},{key:"moveBottom",value:function(t){this.each((function(e,n){e.resizeHeight(Pi(n.height.value+t))}))}},{key:"moveTop",value:function(t){this.each((function(e,n){n.height.value-t>=0&&(e.moveY(Pi(n.y.value+t)),e.resizeHeight(Pi(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}}])&&ji(e.prototype,n),r&&ji(e,r),t}();function Ei(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var Ci=new(function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];Ei(this,t),this.components={}}var e,n,r;return e=t,(n=[{key:"registerComponent",value:function(t,e){this.components[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"createComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getComponentClass(t);if(!n)throw new Error("".concat(t," type is not valid."));return new n(e)}}])&&_i(e.prototype,n),r&&_i(e,r),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)}}var Ri=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}var e,n,r;return e=t,(n=[{key:"registerCommand",value:function(t,e){var n=this;if(2===arguments.length){var r=function(){for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];e.call.apply(e,[n,n.$editor].concat(r))};r.source=t,this.$editor.$store.on(t,r,this,0)}else if(F(t)){var o=function(){for(var e,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];(e=t.execute).call.apply(e,[t,n.$editor].concat(o))};o.source=t.command,this.$editor.$store.on(t.command,o,this,t.debounce||0)}}}])&&Ti(e.prototype,n),r&&Ti(e,r),t}();function Di(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 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 Ii(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}var Li=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.list=[],this.commands={}}var e,n,r;return e=t,(n=[{key:"registerShortCut",value:function(t){this.list.push(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Di(Object(n),!0).forEach((function(e){Vi(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Di(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({key:"",command:"",args:[],eventType:"keydown"},t,{checkKeyString:this.splitShortCut(t.key)}))}},{key:"sort",value:function(){var t=this;this.list.forEach((function(e){!1===L(t.commands[e.checkKeyString])&&(t.commands[e.checkKeyString]=[]),t.commands[e.checkKeyString].push(e)}))}},{key:"splitShortCut",value:function(t){var e=t.toUpperCase().split("+").map((function(t){return t.trim()})).filter(Boolean),n=!1,r=!1,o=!1,i=!1,a=[];return e.forEach((function(t){t.includes("ALT")?n=!0:t.includes("CTRL")?r=!0:t.includes("SHIFT")?o=!0:t.includes("CMD")||t.includes("WIN")?i=!0:a.push(t)})),Ii(n?"ALT":"",r?"CTRL":"",o?"SHIFT":"",i?"META":"",a.join(""))}},{key:"makeKeyString",value:function(t){return Ii(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return Ii(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"checkShortCut",value:function(t,e){return this.commands[t]||this.commands[e]}},{key:"checkWhen",value:function(t){return t.when===this.$editor.modeView||""===t.when}},{key:"execute",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyString(t),this.makeCodeString(t));if(r){var o=r.filter((function(t){return t.eventType===n})).filter((function(t){return e.checkWhen(t)}));o.length&&t.preventDefault(),o.forEach((function(t){e.$editor.emit(t.command,t.args)}))}}}])&&Ai(e.prototype,n),r&&Ai(e,r),t}();function Mi(t,e){for(var n=0;n<e.length;n++){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 Bi=new Map,zi=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 Bi[t]}},{key:"set",value:function(t,e){Bi[t]=e}},{key:"remove",value:function(t){delete Bi[t]}}])&&Mi(e.prototype,n),r&&Mi(e,r),t}();function Fi(t){return Yi(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||Hi()}function Gi(t,e){return Yi(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||Hi()}function Hi(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function Yi(t){if(Array.isArray(t))return t}function Xi(t,e){for(var n=0;n<e.length;n++){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 Ni=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=e.split("data:"),o=Gi(r,2),i=(o[0],o[1]),a=i.split(","),c=Fi(a),u=c[0],s=c.slice(1),l=u.split(";"),f=Gi(l,2),p=f[0],y=f[1];return s=s.join(","),{mimeType:p,local:n&&t.getLink(p,y,s)}}},{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)&&Xi(e.prototype,n),r&&Xi(e,r),t}();function Ki(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Wi(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t.emit("noneSelectMenu"),e?t.emit("refreshSelectionStyleView"):t.emit("refreshAll"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.emit("refreshSelectionTool")}function Ui(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Zi(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 qi(t,e){for(var n=0;n<e.length;n++){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 Ji=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(e,n,r){return 2===arguments.length?e.x===n.x&&e.y===n.y:3===arguments.length?t.isEqual(e,n)&&t.isEqual(n,r):void 0}},{key:"isFirst",value:function(t){return t&&"M"==t.command}},{key:"DouglasPeuker",value:function(e,n,r,o){if(!(o<=r+1)){for(var i=0,a=r,c=e*e,u=n[r],s=n[o],l=r+1;l<o;l++){var f=t.segmentDistance2(n[l].x,n[l].y,u,s);f<=i||(a=l,i=f)}i>c&&(n[a].mark=!0,t.DouglasPeuker(e,n,r,a),t.DouglasPeuker(e,n,a,o))}}},{key:"simply",value:function(e,n){return e.length<=2?e:((e=Y(e))[0].mark=!0,e[e.length-1].mark=!0,t.DouglasPeuker(n,e,0,e.length-1),e.filter((function(t){return Boolean(t.mark)})))}},{key:"segmentDistance2",value:function(t,e,n,r){var o=r.x-n.x,i=r.y-n.y,a=o*o+i*i,c=t-n.x,u=e-n.y,s=o*c+i*u;if(0===a)return c*c+u*u;if(s<=0)return c*c+u*u;if(s>=a)return(c=t-r.x)*c+(u=e-r.y)*u;var l=c*i-u*o;return l*l/a}},{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}},{key:"removePoint",value:function(t,e,n){if("startPoint"===n)return t.filter((function(t,n){return n!==e}))}},{key:"splitPoints",value:function(e){var n=[],r=[];return e.forEach((function(e){t.isFirst(e)?(r=[e],n.push(r)):r.push(e)})),n}},{key:"recoverPoints",value:function(t){var e=[];return t.forEach((function(t){t.forEach((function(t,e){0===e&&(t.command="M",t.originalCommand="M")})),e.push.apply(e,Zi(t))})),e.forEach((function(t,e){t.index=e})),e}}],(n=null)&&qi(e.prototype,n),r&&qi(e,r),t}();function Qi(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ta(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 ea(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function na(t,e){for(var n=0;n<e.length;n++){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 ra=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,oa=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,ia={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]}},toPercent:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o/t,i/e,1]}},toPixel:function(t,e){return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=+n[r],i=+n[r+1];return[o*t,i*e,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]])}},aa=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";ea(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.match(oa)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(ra)||[];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:ta(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=Qi(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((k=Ji.getPrevPoint(t,t.length)).curve){var l=Qi(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:Y(k.endPoint),curve:!0})}else{var f=Qi(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=Qi(a,4),y=p[0],h=p[1];if(u=p[2],s=p[3],(k=Ji.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}),k.endPoint={x:y,y:h}}else o&&"L"===o.command?(k.curve=!0,k.endPoint={x:y,y:h},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})):(d={x:u,y:s},b={x:y,y:h},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=Qi(a,2);if(u=g[0],s=g[1],(x=segments[e-1])&&"Q"===x.command){var m=Qi(x.values,4),w=(y=m[0],h=m[1],m[2]),O=m[3];(k=Ji.getPrevPoint(t,t.length)).endPoint=Ji.getReversePoint({x:w,y:O},{x:y,y:h}),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 k=Ji.getPrevPoint(t,t.length),j=Qi(a,6),S=(y=j[0],h=j[1],j[2]),P=j[3];d={x:u=j[4],y:s=j[5]},b={x:S,y:P},v={x:u,y:s},t.push({command:i,originalCommand:i,curve:!0,startPoint:d,endPoint:v,reversePoint:b}),k&&(k.curve=!0,k.endPoint={x:y,y:h})}else if("S"===i){var x,$=Qi(a,2);if(u=$[0],s=$[1],(x=segments[e-1])&&"C"===x.command){var E=Qi(x.values,4);S=E[0],P=E[1],w=E[2],O=E[3],(k=Ji.getPrevPoint(t,t.length)).endPoint=Ji.getReversePoint(k.startPoint,k.reversePoint),d={x:u,y:s},v={x:u,y:s},b={x:S,y:P},t.push({command:"Q",originalCommand:i,startPoint:d,endPoint:v,reversePoint:b,curve:!1})}}else if("Z"===i){k=Ji.getPrevPoint(t,t.length);var _=Ji.getFirstPoint(t,t.length);Ji.isEqual(k.startPoint,_.startPoint)&&(k.connected=!0,k.endPoint=Y(_.endPoint),_.reversePoint=Y(k.reversePoint)),k.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 I(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:"toPercent",value:function(t,e){return this._loop(ia.toPercent(t,e)),this}},{key:"toPixel",value:function(t,e){return this._loop(ia.toPixel(t,e)),this}},{key:"translate",value:function(t,e){return this._loop(ia.translate(t,e)),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this._loop(ia.translate(t,e),!0))}},{key:"scale",value:function(t,e){return this._loop(ia.scale(t,e)),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this._loop(ia.scale(t,e),!0))}},{key:"rotate",value:function(t,e,n){return I(e)&&I(n)?this._loop(ia.rotateCenter(t,e,n)):this._loop(ia.rotate(t)),this}},{key:"rotateTo",value:function(t){return this.joinPath(this._loop(ia.rotate(t),!0))}},{key:"reflectionOrigin",value:function(t){return this._loop(ia.reflectionOrigin(t)),this}},{key:"reflectionOriginTo",value:function(t){return this.joinPath(this._loop(ia.reflectionOrigin(t),!0))}},{key:"flipX",value:function(t){return this._loop(ia.flipX(t)),this}},{key:"flipXTo",value:function(t){return this.joinPath(this._loop(ia.flipX(t),!0))}},{key:"flipY",value:function(t){return this._loop(ia.flipY(t)),this}},{key:"flipYTo",value:function(t){return this.joinPath(this._loop(ia.flipY(t),!0))}},{key:"skewX",value:function(t){return this._loop(ia.skewX(t)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this._loop(ia.skewX(t),!0))}},{key:"skewY",value:function(t){return this._loop(ia.skewY(t)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this._loop(ia.skewY(t),!0))}},{key:"toString",value:function(){return this.joinPath()}},{key:"d",get:function(){return this.toString()}}])&&na(e.prototype,n),r&&na(e,r),t}();function ca(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ua(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ca(Object(n),!0).forEach((function(e){sa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ca(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sa(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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fa(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?la(Object(n),!0).forEach((function(e){pa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):la(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ya(t,e){for(var n=0;n<e.length;n++){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 ha=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 aa(i);return a.translate(1,1).scale(r/2,o/2).translate(e,n),a.toString()}},{key:"makePathByPoints",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new t,r=0,o=e.length;r<o;r++){var i=e[r];0===r?n.M(i):n.L(i)}return n.d}}],(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()}}])&&ya(e.prototype,n),r&&ya(e,r),t}();function da(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function va(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?da(Object(n),!0).forEach((function(e){ba(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):da(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ba(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var ga={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},ma={command:"updateImage",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addImageAssetItem",{id:jt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}},wa={command:"updateVideo",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e);t.emit("addVideoAssetItem",{id:jt(),type:e.type,name:e.name,original:o,local:i},n)},r.readAsDataURL(e)}};function Oa(t,e){var n=new Image;n.onload=function(){var r={local:t.local,naturalWidth:rn.px(n.naturalWidth),naturalHeight:rn.px(n.naturalHeight),width:rn.px(n.naturalWidth),height:rn.px(n.naturalHeight)};e&&e(r,n)},n.src=t.local}function ka(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ja(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ka(Object(n),!0).forEach((function(e){Sa(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ka(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Sa(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Pa={command:"addImageAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createImage(e),t.emit("addImageAsset"),Oa(e,(function(r){t.emit("addImage",ja({src:e.local},r,{},n)),t.changeMode(Ul),t.emit("afterChangeMode")})))}};function xa(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:rn.px(n.videoWidth),naturalHeight:rn.px(n.videoHeight),width:rn.px(n.videoWidth),height:rn.px(n.videoHeight),duration:n.duration,playTime:"0:1:".concat(n.duration),volume:n.volume,muted:n.muted,placebackRate:n.playbackRate};e&&e(r,n)},n.src=t.local}function $a(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ea(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$a(Object(n),!0).forEach((function(e){_a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$a(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _a(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Ca={command:"addVideoAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.selection.currentProject;r&&(r.createVideo(e),t.emit("addVideoAsset"),xa(e,(function(r){t.emit("addVideo",Ea({src:e.local},r,{},n)),t.changeMode(Ul),t.emit("afterChangeMode")})))}};function Ta(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ra(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Da={command:"dropImageUrl",execute:function(t,e){Oa({local:e},(function(e){t.emit("addImage",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ta(Object(n),!0).forEach((function(e){Ra(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ta(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Ul),t.emit("afterChangeMode")}))}},Va={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=jt(),o=n.createSVGFilter({id:r,filters:[]});e&&e(o,r)}}},Aa={command:"updateImageAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createImage({id:jt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addImageAsset"),G(n)&&n(i))},r.readAsDataURL(e)}},Ia={command:"updateVideoAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var o=r.target.result,i=URL.createObjectURL(e),a=t.selection.currentProject;a&&(a.createVideo({id:jt(),type:e.type,name:e.name,original:o,local:i}),t.emit("addVideoAsset"),G(n)&&n(i))},r.readAsDataURL(e)}},La={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Ni.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:jt(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var o=e.data.split(".").pop(),i=e.data.split("/").pop();switch(o){case"png":case"jpg":case"gif":case"svg":t.emit("addImageAssetItem",{id:jt(),type:"image/"+o,name:i,original:e.data,local:e.data})}}}};function Ma(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()}var Ba={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Ma("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}};function za(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 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)}}var Ga=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={};return 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,za(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}),r=JSON.stringify(r,null,4),o=JSON.stringify(o,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(o,");\nplayer.play();\n")}}])&&Fa(e.prototype,n),r&&Fa(e,r),t}(),Ha=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"anipa";switch(e){case"anipa":return new Ga(t).generateCode()}return""},Ya={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(q(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(t){var e=t.selection.currentProject,n=t.selection.currentArtboard,r="\n".concat(this.makeStyle(e),"\n").concat(this.makeStyle(n,"\n  left: 0px;\n  top: 0px;\n")),o="\n".concat(n.html,"\n").concat(this.makeSvg(e),"\n    "),i=Ha(n,"anipa");return{html:o=t.replaceLocalUrltoRealUrl(o),css:r=t.replaceLocalUrltoRealUrl(r),js:i=t.replaceLocalUrltoRealUrl(i)}},generateSVG:function(t,e){return t.replaceLocalUrltoRealUrl(e.generateSVG(!0))}},Xa={command:"downloadSVG",execute:function(t){var e=t.selection.current||t.$selection.currentArtboard,n=Ya.generateSVG(t,e).trim();Ma("data:image/svg+xml;base64,"+window.btoa(n),e.id)}};var Na={command:"downloadPNG",execute:function(t){var e=t.selection.current||t.selection.currentArtboard,n=Ya.generateSVG(t,e).trim(),r="data:image/svg+xml;base64,"+window.btoa(n),o=e.id;Oa({local:r},(function(t,e){!function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=un.create("canvas"),o=t.width,i=t.height;r.resize({width:o,height:i}),r.drawImage(t),e&&e(r.toDataURL(n))}(e,(function(t){Ma(t,o)}))}))}},Ka={command:"load.json",execute:function(t,e){var n=(e=e||t.loadResource("projects",[])).map((function(e){return function t(e,n){return n.layers=n.layers.map((function(n){return t(e,n)})),e.components.createComponent(n.itemType,n)}(t,e)}));if(n.forEach((function(t){t.artboards.forEach((function(t){t.selectTimeline()}))})),n.length){var r=n[0];if(t.selection.selectProject(r),r.artboards.length){var o=r.artboards[0];t.selection.selectArtboard(o),o.layers.length?t.selection.select(o.layers[0]):t.selection.select(o)}t.load(n),Wi(t)}else t.emit("addArtBoard")}};function Wa(t,e){var n=t.selection.currentArtboard;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var Ua={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Wa(t,(function(r,o){var i;!1===L(e)&&(e=[e]);var a=[];e.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=t.timeline).select.apply(i,a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Za={command:"setTimelineOffset",debounce:100,execute:function(t,e){Wa(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},qa={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Wa(t,(function(n,r){var o,i=[];t.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=t.timeline).select.apply(o,i),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Ja={command:"removeTimelineProperty",execute:function(t,e,n){Wa(t,(function(r,o){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Qa={command:"deleteTimelineKeyframe",execute:function(t){Wa(t,(function(e,n){t.timeline.each((function(t){e.deleteTimelineKeyframe(t.layerId,t.property,t.id)})),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},tc={command:"selectTimelineItem",execute:function(t,e){Wa(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},ec={command:"removeTimeline",execute:function(t,e){Wa(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},nc={command:"removeAnimationItem",execute:function(t,e){Wa(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},rc={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Wa(t,(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);t.timeline.select(a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},oc={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Wa(t,(function(o,i){o.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}};function ic(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ac(t,e){if(B(e)){var n=ic(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 H(e)?e/t:0}function cc(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 uc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return cc(t,ac(t,e)-ac(t,n))}function sc(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,H(t.elapsed)&&(e.elapsed=t.elapsed),H(t.speed)&&(e.speed=t.speed),H(t.duration)&&(e.duration=t.duration),H(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),B(t.direction)&&(e.direction=t.direction),G(t.tick)&&(e.tick=t.tick),G(t.start)&&(e.startCallback=t.start),G(t.end)&&(e.endCallback=t.end),G(t.first)&&(e.firstCallback=t.first),G(t.last)&&(e.lastCallback=t.last),G(t.stop)&&(e.stopCallback=t.stop),e.firstCallback(e.elapsed,e),o()},stop:function(){e.stopCallback(e.elapsed,e),cancelAnimationFrame(e.id)},tick:r,first:function(t){a(0)},last:function(t){a(e.duration)},seek:a,timer:e}}var lc={command:"playTimelineItem",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"normal";t.selection.empty(),t.emit("refreshSelection"),t.changeMode("play"),t.emit("afterChangeMode"),Wa(t,(function(o,i){var a=o.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=sc({elapsed:1e3*i.currentTime,speed:e,duration:1e3*a,iterationCount:n,direction:r}),t.timer.play({duration:1e3*a,elapsed:1e3*i.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){o.seek(cc(i.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")},stop:function(e,n){o.stop(cc(i.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},fc={command:"prevTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},pc={command:"firstTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},yc={command:"nextTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},hc={command:"lastTimelineItem",execute:function(t){Wa(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(cc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},dc={command:"addTimelineItem",execute:function(t,e){Wa(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},vc={command:"drop.asset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;e.color?t.emit("addBackgroundColor",e.color,n):e.gradient?t.emit("addBackgroundImageGradient",e.gradient,n):e.imageUrl&&t.emit("addBackgroundImageAsset",e.imageUrl,n),Wi(t,!0)}};function bc(t){return(bc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gc(Object(n),!0).forEach((function(e){wc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Oc(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jc(t,e){return!e||"object"!==bc(e)&&"function"!=typeof e?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=Pc(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 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=function(t){function e(){return Oc(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Sc(Pc(e.prototype),"getDefaultObject",this).call(this,mc({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"}}])&&kc(n.prototype,r),o&&kc(n,o),e}(zo);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 _c(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_c(Object(n),!0).forEach((function(e){Tc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_c(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 Rc(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Vc(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 Ac(t,e,n){return(Ac="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=Ic(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 Ic(t){return(Ic=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 Mc=1e10;var Bc=function(t){function e(){return Rc(this,e),Vc(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&&Lc(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=[],r=we(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=rn.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(Cc({color:a},u)))}else if(3===o.length){var s=rn.parse(o[2]),l={unit:s.unit};s.isPercent()?l.percent=s.value:s.isPx()?l.px=s.value:s.isEm()&&(l.em=s.value),n.push(new e(Cc({color:a,cut:!0},l)))}return n}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=g(2,t),o=e/r,i=K(r).map((function(t,e){return"".concat(Fe.random()," ").concat(e*o).concat(n)})).join(",");return i}},{key:"createRepeatColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:rn.px(1),n=g(2,t),r=K(n).map((function(t,n){return"".concat(Fe.random()," ").concat(rn.parse(e).mul(n+1))})).join(",");return r}}],(r=[{key:"getDefaultObject",value:function(){return{id:"c"+Mc++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Cc({},Ac(Ic(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 rn.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){Ac(Ic(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}}])&&Dc(n.prototype,r),o&&Dc(n,o),e}(Co);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Gc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fc(Object(n),!0).forEach((function(e){Hc(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Hc(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Yc(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xc(t,e){for(var n=0;n<e.length;n++){var 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"!==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 Kc(t,e,n){return(Kc="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=Wc(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 Wc(t){return(Wc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Uc(t,e){return(Uc=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Zc={"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},qc=function(t){function e(){return Yc(this,e),Nc(this,Wc(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Uc(t,e)}(e,t),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 Bc({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}],(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 Kc(Wc(e.prototype),"getDefaultObject",this).call(this,Gc({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return Gc({},Kc(Wc(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 Bc(t)})),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return A(Zc[t])?t:Zc[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 Bc({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 Bc({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)return i=Fe.mix(s.color,l.color,(t-s.percent)/(l.percent-s.percent),"rgb"),void this.addColorStep(new Bc({index:s.index+1,color:i,percent:t}))}}else this.addColorStepList([new Bc({color:e,percent:t,index:0}),new Bc({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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.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}}])&&Xc(n.prototype,r),o&&Xc(n,o),e}($c);function Jc(t){return(Jc="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function eu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nu(t,e){for(var n=0;n<e.length;n++){var 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"!==Jc(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ou(t,e,n){return(ou="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=iu(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 iu(t){return(iu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function au(t,e){return(au=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var cu=function(t){function e(){return eu(this,e),ru(this,iu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&au(t,e)}(e,t),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new Bc({color:t,percent:0,index:0}),new Bc({color:t,percent:100,index:1})]})}}],(r=[{key:"getDefaultObject",value:function(){return ou(iu(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Bc({color:"red",percent:0,index:0}),new Bc({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]:{};e%2?Qc(Object(n),!0).forEach((function(e){tu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},ou(iu(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}}])&&nu(n.prototype,r),o&&nu(n,o),e}(qc);function uu(t){return(uu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function su(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?su(Object(n),!0).forEach((function(e){fu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):su(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fu(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hu(t,e,n){return e&&yu(t.prototype,e),n&&yu(t,n),t}function du(t,e){return!e||"object"!==uu(e)&&"function"!=typeof e?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=bu(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 bu(t){return(bu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gu(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mu(t,e)}function mu(t,e){return(mu=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wu=["jpg","jpeg","png","gif","svg"];var Ou=function(t){function e(){return pu(this,e),du(this,bu(e).apply(this,arguments))}return gu(e,t),hu(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return vu(bu(e.prototype),"getDefaultObject",this).call(this,lu({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return lu({},vu(bu(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=this.json;return"url(".concat(t.url,")")}}],[{key:"parse",value:function(t){return new e({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return wu.includes(t)}}]),e}($c);function ku(t){return(ku="function"==typeof Symbol&&"symbol"==typeof Symbol.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){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 Su(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Su(Object(n),!0).forEach((function(e){xu(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Su(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xu(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eu(t,e){for(var n=0;n<e.length;n++){var 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"!==ku(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cu(t,e,n){return(Cu="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=Tu(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 Tu(t){return(Tu=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ru(t,e){return(Ru=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Du={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"},Vu={"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"},Au=function(t){function e(){return $u(this,e),_u(this,Tu(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ru(t,e)}(e,t),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=we(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=ke(t,n.matches),o.push.apply(o,ju(Bc.parse(t)))):r=A(Vu[t])?rn.parse(t):rn.deg(+Vu[t])})),new e({angle:r.value,colorsteps:o})}}],(r=[{key:"getDefaultObject",value:function(t){return Cu(Tu(e.prototype),"getDefaultObject",this).call(this,Pu({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Pu({},Cu(Tu(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 H(e=this.json.angle||0)&&(e=Du["".concat(e)]||e),H(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}])&&Eu(n.prototype,r),o&&Eu(n,o),e}(qc);function Iu(t){return(Iu="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mu(t,e){for(var n=0;n<e.length;n++){var 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"!==Iu(e)&&"function"!=typeof e?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)}var Hu,Yu=function(t){function e(){return Lu(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,t),n=e,o=[{key:"parse",value:function(t){var n=Au.parse(t);return new e({angle:n.angle,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return zu(Fu(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}])&&Mu(n.prototype,r),o&&Mu(n,o),e}(Au);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 Nu(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Ku(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 Wu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wu(Object(n),!0).forEach((function(e){ns(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zu(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qu(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Ju(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 Qu(t,e,n){return(Qu="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=ts(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 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)}function ns(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var rs=(ns(Hu={},"center",!0),ns(Hu,"top",!0),ns(Hu,"left",!0),ns(Hu,"right",!0),ns(Hu,"bottom",!0),Hu),os=function(t){function e(){return Zu(this,e),Ju(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,t),n=e,o=[{key:"parse",value:function(t){var n=we(t),r="ellipse",o=[en.CENTER,en.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=ke(t,n.matches),i.push.apply(i,Ku(Bc.parse(t)));else{if(t.includes("at")){var a=Nu(t.split("at").map((function(t){return t.trim()})),2);r=a[0],o=a[1]}else r=t;if(B(o)){var c=o.split(" ");if(1===c.length){var u=rn.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=rn.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 Qu(ts(e.prototype),"getDefaultObject",this).call(this,Uu({type:"radial-gradient",radialType:"ellipse",radialPosition:[en.CENTER,en.CENTER]},t))}},{key:"toCloneObject",value:function(){return Uu({},Qu(ts(e.prototype),"toCloneObject",this).call(this),{radialType:this.json.radialType,radialPosition:Y(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=rs[o]?o:o.join(" "))?"".concat(r," at ").concat(o):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}])&&qu(n.prototype,r),o&&qu(n,o),e}(qc);function is(t){return(is="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cs(t,e){for(var n=0;n<e.length;n++){var 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"!==is(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ss(t,e,n){return(ss="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=ls(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 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,ys=function(t){function e(){return as(this,e),us(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,t),n=e,o=[{key:"parse",value:function(t){var n=os.parse(t);return new e({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return ss(ls(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}])&&cs(n.prototype,r),o&&cs(n,o),e}(os);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 ds(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 vs(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 bs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bs(Object(n),!0).forEach((function(e){Ps(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ms(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Os(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 ks(t,e,n){return(ks="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=js(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 js(t){return(js=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)}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}var xs=(Ps(ps={},"center",!0),Ps(ps,"top",!0),Ps(ps,"left",!0),Ps(ps,"right",!0),Ps(ps,"bottom",!0),ps),$s={"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},Es=function(t){function e(){return ms(this,e),Os(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&&Ss(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=we(t),r="0deg",o=[en.CENTER,en.CENTER],i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=ke(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?rn.parse(t).toPercent():t})).join(" "),n.matches),i.push.apply(i,vs(Bc.parse(t)));else{if(t.includes("at")){var a=ds(t.split("at").map((function(t){return t.trim()})),2);r=a[0],o=a[1]}else r=t;if(B(o)){var c=o.split(" ");if(1===c.length){var u=rn.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=rn.parse(t);return e.isString()?e.value:e})))}B(r)&&r.includes("from")&&(r=r.split("from")[1],r=A($s[r])?rn.parse(r):rn.deg(+$s[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 ks(js(e.prototype),"getDefaultObject",this).call(this,gs({type:"conic-gradient",angle:0,radialPosition:[en.CENTER,en.CENTER]},t))}},{key:"toCloneObject",value:function(){return gs({},ks(js(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:Y(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||en.CENTER;o=xs[o]?o:o.join(" "),I(r)&&(r=+($s[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,")")}}])&&ws(n.prototype,r),o&&ws(n,o),e}(qc);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 Cs(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Rs(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 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 As(t,e){return(As=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Is=function(t){function e(){return Cs(this,e),Rs(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&&As(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=Es.parse(t);return new e({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}],(r=[{key:"getDefaultObject",value:function(){return Ds(Vs(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[en.CENTER,en.CENTER]})}}])&&Ts(n.prototype,r),o&&Ts(n,o),e}(Es);function Ls(t){return(Ls="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ms(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Bs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bs(Object(n),!0).forEach((function(e){Fs(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Fs(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Gs(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==Ls(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xs(t,e,n){return(Xs="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=Ns(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 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=["repeat","no-repeat","repeat-x","repeat-y","round","space"],Us=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,Zs=function(t){function e(){return Gs(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,t),n=e,o=[{key:"createImage",value:function(t){return new Ou({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 cu(zs({},a,{colorsteps:n}));case"linear-gradient":return new Au(zs({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Yu(zs({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new os(zs({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new ys(zs({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Es(zs({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new Is(zs({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new qc}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=we(t),n=null,r=e.str.match(Us);return r?(r.forEach((function(t,r){(t=ke(t,e.matches)).includes("repeating-linear-gradient")?n=Yu.parse(t):t.includes("linear-gradient")?n=Au.parse(t):t.includes("repeating-radial-gradient")?n=ys.parse(t):t.includes("radial-gradient")?n=os.parse(t):t.includes("repeating-conic-gradient")?n=Is.parse(t):t.includes("conic-gradient")?n=Es.parse(t):t.includes("url")&&(n=Ou.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new cu(t);case"linear-gradient":return new Au(t);case"repeating-linear-gradient":return new Yu(t);case"radial-gradient":return new os(t);case"repeating-radial-gradient":return new ys(t);case"conic-gradient":return new Es(t);case"repeating-conic-gradient":return new Is(t);case"image-resource":case"url":return new Ou(t)}}},{key:"parseStyle",value:function(t){var n=[];if(t["background-image"]){var r=we(t["background-image"]);r.str.match(Us).forEach((function(t,o){var i=null;(t=ke(t,r.matches)).includes("repeating-linear-gradient")?i=Yu.parse(t):t.includes("linear-gradient")?i=Au.parse(t):t.includes("repeating-radial-gradient")?i=ys.parse(t):t.includes("radial-gradient")?i=os.parse(t):t.includes("repeating-conic-gradient")?i=Is.parse(t):t.includes("conic-gradient")?i=Es.parse(t):t.includes("url")&&(i=Ou.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=Ms(t.split(" "),2),o=r[0],i=r[1];n[e].width=rn.parse(o),n[e].height=rn.parse(i)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(n[e]){var r=Ms(t.split(" "),2),o=r[0],i=r[1];n[e].x=rn.parse(o),n[e].y=rn.parse(i)}})),n}},{key:"toPropertyCSS",value:function(t){var e={};return t.forEach((function(t){C(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),N(e)}},{key:"join",value:function(t){return q(e.toPropertyCSS(t.map((function(t){return e.parse(t)}))))}},{key:"joinCSS",value:function(t){return 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 Xs(Ns(e.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:rn.percent(100),height:rn.percent(100),x:rn.percent(0),y:rn.percent(0),image:new cu})}},{key:"toCloneObject",value:function(){var t=this.json;return zs({},Xs(Ns(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width&&(t.width=rn.parse(t.width)),t.height&&(t.height=rn.parse(t.height)),B(t.image)&&(t.image=e.parseImage(t.image)),t}},{key:"checkField",value:function(t,n){return"repeat"===t?Ws.includes(n):Xs(Ns(e.prototype),"checkField",this).call(this,t,n)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{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(){return zs({},this.toBackgroundImageCSS(),{},this.toBackgroundPositionCSS(),{},this.toBackgroundSizeCSS(),{},this.toBackgroundRepeatCSS(),{},this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return T(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}}])&&Hs(n.prototype,r),o&&Hs(n,o),e}(zo),qs={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=Zs.parseStyle(J(n["background-image"]));r.unshift(new Zs({image:Zs.parseImage(e)})),t.emit("setAttribute",{"background-image":Zs.join(r)},n.id)})),Wi(t,!0)}},Js={command:"addBackgroundImageAsset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){var r=Zs.parseStyle(J(n["background-image"]));r.unshift(new Zs({image:new Ou({url:e})}));var o=q(Zs.toPropertyCSS(r));t.emit("setAttribute",{"background-image":o},n.id)})),Wi(t,!0)}},Qs={command:"item.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(-1*n,0),t.emit("refresh"),Wi(t,!0)}},tl={command:"item.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.selection.move(n,0),t.emit("refresh"),Wi(t,!0)}},el={command:"item.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,-1*n),t.emit("refresh"),Wi(t,!0)}},nl={command:"item.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.selection.move(0,n),t.emit("refresh"),Wi(t,!0)}};var rl={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},ol={command:"segment.move.down",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,n)}},il={command:"segment.move.up",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+e.dy;t.emit("moveSegment",0,-1*n)}},al={command:"segment.move.right",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",n,0)}},cl={command:"segment.move.left",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+e.dx;t.emit("moveSegment",-1*n,0)}},ul={command:"toggle.fullscreen",execute:function(t,e){un.body().fullscreen()}};function sl(t){return(sl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ll(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 fl(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 pl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pl(Object(n),!0).forEach((function(e){hl(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function dl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 bl(t,e,n){return e&&vl(t.prototype,e),n&&vl(t,n),t}function gl(t,e){return!e||"object"!==sl(e)&&"function"!=typeof e?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,e,n){return(ml="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=wl(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 wl(t){return(wl=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ol(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kl(t,e)}function kl(t,e){return(kl=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jl=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,Sl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ml(wl(e.prototype),"getDefaultObject",this).call(this,yl({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Dl[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=we(t);return(r.str.match(jl)||[]).forEach((function(t,o){var i=fl(t.split("("),2),a=i[0],c=i[1],u=fl((c=c.split(")")[0]).split(",").map((function(t){return t.trim()})),6),s=u[0],l=u[1],f=u[2],p=u[3],y=u[4],h=u[5],d=fl(s.split(" "),2),v=d[0],b=d[1],g=fl(l.split(" "),2),m=g[0],w=g[1],O=fl((h||"").split(" "),2),k=O[0],j=O[1];n[o]=e.parse({type:a,x:rn.parse(m),y:rn.parse(w),width:rn.parse(v),height:rn.parse(b),foreColor:ke(f,r.matches),backColor:ke(p,r.matches),blendMode:y||"normal",lineWidth:rn.parse(k||"1px"),lineHeight:rn.parse(j||"1px")})})),n}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var n=[];return e.parseStyle(t).forEach((function(t){n.push.apply(n,ll(Zs.parseStyle(J(t.toCSS()))))})),Zs.joinCSS(n)}}]),e}(zo),Pl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"base",x:rn.px(0),y:rn.px(0),width:rn.px(20),height:rn.px(20),lineWidth:rn.px(1),lineHeight:rn.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=ml(wl(e.prototype),"convert",this).call(this,t)).width=rn.parse(t.width),t.height=rn.parse(t.height),t.lineWidth=rn.parse(t.lineWidth),t.lineHeight=rn.parse(t.lineHeight),t.x=rn.parse(t.x),t.y=rn.parse(t.y),t}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.width,r=t.height,o=t.x,i=t.y,a=t.foreColor,c=t.backColor,u=t.blendMode,s=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(o," ").concat(i,", ").concat(a,", ").concat(c,", ").concat(u,", ").concat(s," ").concat(l,")")}}]),e}(Sl),xl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(a=a||"black"," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%),repeating-linear-gradient(45deg, ").concat(a," 25%, ").concat(i," 25%, ").concat(i," 75%, ").concat(a," 75%, ").concat(a," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,", ").concat(e," ").concat(n,";\n      background-blend-mode: ").concat(c,", ").concat(c,";\n    ")}}]),e}(Pl),$l=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=t.lineHeight,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent","\n      background-image: linear-gradient(".concat(a=a||"black"," ").concat(o,", ").concat(i," ").concat(o,"),linear-gradient(to right, ").concat(a," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px, ").concat(e.value/2,"px ").concat(n.value/2,"px;      \n      background-blend-mode: ").concat(c,", ").concat(c,";      \n    ")}}]),e}(Pl),El=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,o=(t.lineHeight,t.backColor),i=t.foreColor,a=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(i=i||"black"," ").concat(r,", ").concat(o," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(a,";      \n    ")}}]),e}(Pl),_l=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=(t.lineHeight,t.backColor),c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(i,", ").concat(a," ").concat(i,"),radial-gradient(").concat(c," ").concat(i,", ").concat(a," ").concat(i,");\n      background-size: ").concat(e," ").concat(n,",").concat(e," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(o,";      \n      background-blend-mode: multiply, ").concat(u,";\n    ")}}]),e}(Pl),Cl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.lineWidth,i=t.backColor,a=t.foreColor,c=t.blendMode;return i=i||"transparent",a=a||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(a," 0, ").concat(a," ").concat(o,", ").concat(i," 0, ").concat(i," 50%);\n      background-size: ").concat(e," ").concat(n,";      \n      background-blend-mode: ").concat(c,";\n    ")}}]),e}(Pl),Tl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);\n      background-size: ").concat(e," ").concat(n,"; \n      background-position: ").concat(r," ").concat(o,";        \n      background-blend-mode: ").concat(u,";\n    ")}}]),e}(Pl),Rl=function(t){function e(){return dl(this,e),gl(this,wl(e).apply(this,arguments))}return Ol(e,t),bl(e,[{key:"getDefaultObject",value:function(){return ml(wl(e.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y,i=t.lineWidth,a=t.backColor,c=t.foreColor,u=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").concat(i,", ").concat(a," ").concat(i,", ").concat(a," 100%);    \n      background-position: ").concat(r," ").concat(o,";\n      background-size: ").concat(e," ").concat(n,";   \n      background-blend-mode: ").concat(u,";\n    ")}}]),e}(Pl),Dl={check:xl,grid:$l,dot:El,"cross-dot":_l,"diagonal-line":Cl,"vertical-line":Tl,"horizontal-line":Rl},Vl={CheckPattern:xl,GridPattern:$l,DotPattern:El,CrossDotPattern:_l,DiagonalLinePattern:Cl,VerticalLinePattern:Tl,HorizontalLinePattern:Rl};function Al(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 Il={command:"addBackgroundImagePattern",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{pattern:Sl.join([].concat(Al(Sl.parseStyle(e)),Al(Sl.parseStyle(n.pattern))))},n.id)})),Wi(t,!0)}},Ll={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n);r.forEach((function(n){t.emit("setAttribute",{"background-color":e},n.id)})),Wi(t,!0)}};function Ml(t,e){for(var n=0;n<e.length;n++){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 Bl,zl=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(t){return 1===t.selection.items.length?t.selection.currentArtboard:t.selection.allRect}}],(n=null)&&Ml(e.prototype,n),r&&Ml(e,r),t}(),Fl={command:"sort.bottom",execute:function(t){var e=zl.getContainer(t).screenY2.value;t.selection.each((function(t){t.setScreenY2(e)})),t.emit("resetSelection")}},Gl={command:"sort.top",execute:function(t){var e=zl.getContainer(t).screenY.value;t.selection.each((function(t){t.setScreenY(e)})),t.emit("resetSelection")}},Hl={command:"sort.right",execute:function(t){var e=zl.getContainer(t).screenX2.value;t.selection.each((function(t){t.setScreenX2(e)})),t.emit("resetSelection")}};function Yl(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Xl=(Yl(Bl={refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas",!0),t.emit("refreshStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection")},resetSelection:function(t){t.selection.setRectCache(),t.emit("setAttribute"),t.emit("refreshSelectionTool")},addBackgroundColor:Ll,addBackgroundImagePattern:Il,toggleFullscreen:ul,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:ol,segmentMoveUp:il,segmentMoveRight:al,segmentMoveLeft:cl,changeModeView:rl,addDrawBrush:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showBrushDrawEditor")},addDrawPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathDrawEditor")},itemDelete:{command:"item.delete",execute:function(t){t.selection.remove(),t.emit("refreshArtboard")}},itemMoveRight:tl,itemMoveUp:el,itemMoveDown:nl,itemMoveLeft:Qs,keymapKeydown:{command:"keymap.keydown",execute:function(t,e){t.shortcuts.execute(e,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(t,e){t.shortcuts.execute(e,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(t){t.emit("changeScaleValue",t.scale-.25)}},scalePlus:{command:"scale.plus",execute:function(t){t.emit("changeScaleValue",t.scale+.25)}},dropAsset:vc,addBackgroundImageAsset:Js,addBackgroundImageGradient:qs,addTimelineItem:dc,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:hc,nextTimelineItem:yc,firstTimelineItem:pc,prevTimelineItem:fc,playTimelineItem:lc,copyTimelineProperty:oc,addTimelineKeyframe:rc,removeAnimationItem:nc,removeTimeline:ec,selectTimelineItem:tc,deleteTimelineKeyframe:Qa,removeTimelineProperty:Ja,addTimelineCurrentProperty:qa,setTimelineOffset:Za,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:Ua,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:Ka,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},downloadPNG:Na,downloadSVG:Xa,downloadJSON:Ba,updateUriList:La,updateImageAssetItem:Aa,updateVideoAssetItem:Ia,addSVGFilterAssetItem:Va,dropImageUrl:Da,addImageAssetItem:Pa,addVideoAssetItem:Ca,updateImage:ma,updateVideo:wa,updateResource:{command:"updateResource",execute:function(t,e){e.forEach((function(n){switch(n.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("updateImage",n);break;case"text/plain":case"text/html":e.length&&t.emit("addText",{content:n.data});break;case"text/uri-list":t.emit("updateUriList",n)}}))}},fileDropItems:ga,updateScale:{command:"updateScale",execute:function(t,e){t.scale=e,t.emit("changeScale")}},showExportView:{command:"showExportView",execute:function(t){t.emit("showExportWindow")}},switchTheme:{command:"switchTheme",execute:function(t,e){t.changeTheme(e),t.emit("changeTheme")}},clipboardPaste:{command:"clipboard.paste",execute:function(t,e){t.selection.length&&(t.selection.paste(),t.emit("refreshAll"))}},clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.selection.currentProject;n||(n=t.add(t.components.createComponent("project")),t.selection.selectProject(n));var r=n.add(t.components.createComponent("artboard",ua({x:rn.px(300),y:rn.px(200),width:rn.px(375),height:rn.px(667)},e)));t.selection.selectArtboard(r),t.selection.select(r),Wi(t)},addImage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","image",e,e)},addVideo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.emit("newComponent","video",e,e)},addLayer:function t(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=e.selection.current||e.selection.currentArtboard;o?(o.enableHasChildren()||(o=o.parent),o.add(n),r.x&&n.setScreenX(r.x.value),r.y&&n.setScreenY(r.y.value),e.selection.select(n),Wi(e)):(e.emit("addArtBoard"),setTimeout((function(){t(e,n,r)}),50))},addPath:function(t){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("showPathEditor","path")},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.components.createComponent("project",fa({},e)));t.selection.selectProject(n),Wi(t)},convertPath:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.current;if(r){if(r.is("svg-path","svg-brush","svg-textpath")){var o=e;if(n)(i=new aa(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.updatePathItem({d:o})}else if(r["clip-path"].includes("path")){var i;o=e;if(n)(i=new aa(e)).scale(r.width.value/n.width,r.height.value/n.height),o=i.d;r.reset({"clip-path":"path(".concat(o,")")})}t.emit("refreshElement",r)}},newComponent:function(t,e,n){e.includes("text")||(n["background-color"]=Fe.random()),"svg-textpath"===e?n=va({},n,{text:"Insert a newText","font-size":rn.parse(n.height),textLength:"100%",d:ha.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===e?(e="svg-path",n=va({},n,{"background-color":void 0,d:ha.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===e?(e="svg-path",n=va({},n,{"background-color":void 0,d:ha.makeRect(0,0,n.width.value,n.height.value)})):"text"===e&&(n=va({},n,{content:"Insert a text",width:rn.px(300),height:rn.px(50),"font-size":rn.px(30)})),t.emit("addLayer",t.components.createComponent(e,va({},n)),n),t.changeMode(Ul),t.emit("afterChangeMode")},refreshElement:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t.emit("refreshSelectionStyleView",e,n,e&&!1===e.enableHasChildren()),!0===r&&t.emit("refreshElementBoundSize",t.selection.getRootItem(e))},refreshProject:function(t,e){t.emit("refreshStyleView",e,!0)},resizeArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=e.split("x"),o=Ui(r,2),i=o[0],a=o[1];i=rn.px(i),a=rn.px(a),n.reset({width:i,height:a}),t.selection.select(n),Wi(t)}},selectItem:function(t){t.changeMode(Ul),t.emit("afterChangeMode")},selectArtboard:function(t,e){e&&(t.selection.selectArtboard(e),t.selection.select(e),t.emit("refreshArtboard"),t.emit("resetSelection"))},setAttribute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];t.selection.itemsByIds(n).forEach((function(n){Object.keys(e).forEach((function(t){var r=e[t];G(r)&&(r=r()),n.reset(Ki({},t,r))})),t.emit("refreshElement",n,r,o)}))},sortBottom:Fl,sortCenter:{command:"sort.center",execute:function(t){var e=zl.getContainer(t),n=e.screenX.value+e.width.value/2;t.selection.each((function(t){t.setScreenXCenter(n)})),t.emit("resetSelection")}},sortLeft:{command:"sort.left",execute:function(t){var e=zl.getContainer(t).screenX.value;t.selection.each((function(t){t.setScreenX(e)})),t.emit("resetSelection")}},sortMiddle:{command:"sort.middle",execute:function(t){var e=zl.getContainer(t),n=e.screenY.value+e.height.value/2;t.selection.each((function(t){t.setScreenYMiddle(n)})),t.emit("resetSelection")}}},"sortBottom",Fl),Yl(Bl,"sortTop",Gl),Yl(Bl,"sortRight",Hl),Yl(Bl,"sameWidth",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenX(n.x.value),t.width.set(n.width.value)}))}t.emit("resetSelection")}}),Yl(Bl,"sameHeight",{command:"same.width",execute:function(t){var e=t.selection.items.length;if(1==e);else if(e>1){var n=t.selection.allRect;t.selection.each((function(t){t.setScreenY(n.y.value),t.height.set(n.height.value)}))}t.emit("resetSelection")}}),Bl),Nl=[{key:"1",command:"addComponentType",args:"rect",description:"Add rect layer",when:"CanvasView"},{key:"2",command:"addComponentType",args:"circle",description:"Add circle layer",when:"CanvasView"},{key:"3",command:"addComponentType",args:"text",description:"Add text layer",when:"CanvasView"},{key:"4",command:"addComponentType",args:"image",description:"Add image layer",when:"CanvasView"},{key:"5",command:"addComponentType",args:"cube",description:"Add cube layer",when:"CanvasView"},{key:"6",command:"addPath",description:"Add svg path",when:"CanvasView"},{key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:{dy:1},when:"PathEditorView"},{key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:{dy:1},when:"PathEditorView"},{key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:{dx:1},when:"PathEditorView"},{key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:{dx:1},when:"PathEditorView"},{key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:{dy:10},when:"PathEditorView"},{key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:{dx:10},when:"PathEditorView"},{key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:{dx:10},when:"PathEditorView"},{key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:{dy:5},when:"PathEditorView"},{key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:{dx:5},when:"PathEditorView"},{key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:{dx:5},when:"PathEditorView"},{key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{key:"ArrowLeft",command:"item.move.left",description:"move 1px to left",args:{dx:1},when:"CanvasView"},{key:"ArrowRight",command:"item.move.right",description:"move 1px to right",args:{dx:1},when:"CanvasView"},{key:"ArrowDown",command:"item.move.down",description:"move 1px to down",args:{dy:1},when:"CanvasView"},{key:"ArrowUp",command:"item.move.up",description:"move 1px to up",args:{dy:1},when:"CanvasView"},{key:"Shift+ArrowDown",command:"item.move.down",description:"move 10px to down",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowRight",command:"item.move.right",description:"move 10px to right",args:{dx:10},when:"CanvasView"},{key:"Shift+ArrowUp",command:"item.move.up",description:"move 10px to up",args:{dy:10},when:"CanvasView"},{key:"Shift+ArrowLeft",command:"item.move.left",description:"move 10px to left",args:{dx:10},when:"CanvasView"},{key:"Alt+ArrowLeft",command:"item.move.left",description:"move 5px to left",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowDown",command:"item.move.down",description:"move 5px to down",args:{dy:5},when:"CanvasView"},{key:"Alt+ArrowRight",command:"item.move.right",description:"move 5px to right",args:{dx:5},when:"CanvasView"},{key:"Alt+ArrowUp",command:"item.move.up",description:"move 5px to up",args:{dy:5},when:"CanvasView"},{key:"Backspace",command:"item.delete",description:"Delete selected items",when:"CanvasView"},{key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}];function Kl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}var Ul="SELECTION",Zl=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Kl(this,t),this.config=new zi(this),this.commands=new Ri(this),this.shortcuts=new Li(this),this.selection=new $i(this),this.timeline=new jo(this),this.components=Ci,this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.scale=1,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Ul,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.$store=e.$store,this.initTheme(),this.loadCommands(),this.loadShortCuts()}var e,n,r;return e=t,(n=[{key:"loadCommands",value:function(){var t=this;Object.keys(Xl).forEach((function(e){G(Xl[e])?t.commands.registerCommand(e,Xl[e]):t.commands.registerCommand(Xl[e])}))}},{key:"loadShortCuts",value:function(){var t=this;Nl.forEach((function(e){t.shortcuts.registerShortCut(e)})),this.shortcuts.sort()}},{key:"i18n",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return bo.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return bo.hasKey(t,e||this.locale)}},{key:"initI18n",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2?arguments[2]:void 0,i="".concat(e,".").concat(n);return t.hasI18nkey(i,o)?t.$i18n("".concat(e,".").concat(n),r,o):t.$i18n("".concat(n),r,o)}}},{key:"setLocale",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"en_US";this.locale=t,this.saveItem("locale",this.locale)}},{key:"setUser",value:function(t){this.user=t}},{key:"initTheme",value:function(){var t="dark";window.localStorage&&(t=window.localStorage.getItem("easylogic.studio.theme"),t=["gray","light"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return go[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ul;this.mode=t}},{key:"changeModeView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CanvasView";this.modeView=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(Ul)}},{key:"changeAddType",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.changeMode("ADD"),this.addComponentType=t,this.isComponent=e}},{key:"changeTheme",value:function(t){t=["light","gray"].includes(t)?t:"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:"replaceLocalUrltoRealUrl",value:function(t){var e=this.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}},{key:"replaceLocalUrltoId",value:function(t){var e=this.projects,n={};return e.forEach((function(e){e.images.forEach((function(e){t.indexOf(e.local)>-1&&(n[e.local]="#"+e.id)}))})),Object.keys(n).forEach((function(e){t.indexOf(e)>-1&&(t=t.replace(new RegExp(e,"g"),n[e]))})),t}},{key:"makeResource",value:function(t){var e=JSON.stringify(t);return e=this.replaceLocalUrltoId(e)}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("easylogic.studio.".concat(t),JSON.stringify(e))}},{key:"revokeResource",value:function(t){var e=this,n=JSON.parse(t||"[]"),r={};return n.forEach((function(t){t.images.forEach((function(t){r["#".concat(t.id)]=t}))})),Object.keys(r).map((function(t){var e=r[t],n=Ni.parse(e.original,!0);e.local=n.local})),n.forEach((function(t){t.layers=e.applyAsset(t.layers,r)})),n}},{key:"applyAsset",value:function(t,e){var n=this;return L(t)?t=t.map((function(t){return n.applyAsset(t,e)})):F(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):B(t)&&Object.keys(e).forEach((function(n){var r=e[n];t.indexOf("#".concat(r.id))>-1&&(t=t.replace(new RegExp("#".concat(r.id),"g"),r.local))})),t}},{key:"loadResource",value:function(t){return this.revokeResource(window.localStorage.getItem("easylogic.studio.".concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("easylogic.studio.".concat(t))||JSON.stringify(""))}},{key:"zIndex",get:function(){return this.popupZIndex++}}])&&Wl(e.prototype,n),r&&Wl(e,r),t}();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 Jl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ql(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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={x:0,y:0},of={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},af=function(t){return new(function(e){function n(){return Jl(this,n),tf(this,ef(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&&nf(t,e)}(n,e),r=n,(o=[{key:"initialize",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0],this.$store=new lr,this.$editor=new Zl({$store:this.$store}),this.$container=un.create(this.getContainer()),this.$container.addClass(this.getClassName()),this.render(this.$container),this.initBodyMoves()}},{key:"initBodyMoves",value:function(){this.moves=new Set,this.ends=new Set,this.modifyBodyMoveSecond(0)}},{key:"modifyBodyMoveSecond",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.$config.set("body.move.ms",t),this.funcBodyMoves=E(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"))}},{key:"loopBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||of;!(n.x===t.x&&n.y===t.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=t.x-n.xy.x,o=t.y-n.xy.y;0==r&&0==o||n.func.call(n.context,r,o,"move",e.pressure)})),this.$config.set("lastPos",t)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent");t&&this.ends.forEach((function(n){n.func.call(n.context,t.x-n.xy.x,t.y-n.xy.y,"end",e.pressure)})),this.moves.clear(),this.ends.clear()}},{key:yo("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:yo("add/body/mouseup"),value:function(t,e,n){this.ends.add({func:t,context:e,xy:n})}},{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:In("document"),value:function(t){if("INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName){var e=t.xy||rf;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}}},{key:Ln("document"),value:function(t){"INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName&&(this.$config.set("bodyEvent",t),this.removeBodyMoves(),this.requestId=null)}},{key:Rn("window")+Un(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}])&&Ql(r.prototype,o),i&&Ql(r,i),n}(ho))(t)},cf={App:v,Color:Fe,HueColor:He,ColorNames:fe,Dom:un,EventMachine:no,UIElement:ho};function uf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uf(Object(n),!0).forEach((function(e){lf(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lf(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,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)}}var pf=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){B(t=t||"#FF0000")&&(t=Fe.parse(t)),this.state.alpha=A(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=sf({},this.state.hsl,{},t),this.state.rgb=Fe.HSLtoRGB(this.state.hsl),this.state.hsv=Fe.HSLtoHSV(t)):"hex"==t.type?(this.state.rgb=sf({},this.state.rgb,{},t),this.state.hsl=Fe.RGBtoHSL(this.state.rgb),this.state.hsv=Fe.RGBtoHSV(t)):"rgb"==t.type?(this.state.rgb=sf({},this.state.rgb,{},t),this.state.hsl=Fe.RGBtoHSL(this.state.rgb),this.state.hsv=Fe.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=sf({},this.state.hsv,{},t),this.state.rgb=Fe.HSVtoRGB(this.state.hsv),this.state.hsl=Fe.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return He.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 Fe.format(sf({},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(G(e.colors)){var r=e.colors;e.colors=r(t.state),e._colors=r}return sf({name:"color-".concat(n),colors:[]},e)}))}},{key:"setCurrentColorSets",value:function(t){var e=this.getUserList();A(t)?this.state.currentColorSets=e[0]:H(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?Fe.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}}])&&ff(e.prototype,n),r&&ff(e,r),t}();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 hf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 hf(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,t),n=e,(r=[{key:"created",value:function(){this.manager=new pf(this),this.isColorPickerShow=!1,this.isShortCut=!1,this.hideDelay=+V(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 lr,this.callbackChange=function(){t.callbackChangeValue()},this.colorpickerShowCallback=function(){},this.colorpickerHideCallback=function(){},this.$body=un.create(this.getContainer()),this.$root=un.create("div","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=un.create("div","arrow"),this.$root.append(this.$arrow),this.manager.setUserPalette(this.opt.colorSets),this.render(this.$root),this.initColorWithoutChangeEvent(this.opt.color)}},{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=+V(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),this.emit("changeColor")}},{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:rn.px(r),top:rn.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:rn.px(-1e4),top:rn.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(),G(this.opt.onChange)&&this.opt.onChange.call(this,t),G(this.colorpickerShowCallback)&&this.colorpickerShowCallback(t)}},{key:"callbackHideValue",value:function(t){t=t||this.getCurrentColor(),G(this.opt.onHide)&&this.opt.onHide.call(this,t),G(this.colorpickerHideCallback)&&this.colorpickerHideCallback(t)}},{key:"getCurrentColor",value:function(){return this.manager.toColor(this.outputFormat)}},{key:"checkColorPickerClass",value:function(t){var e=un.create(t),n=e.closest("codemirror-colorview"),r=e.closest("colorpicker"),o=e.closest("CodeMirror");return t.nodeName,!!(r||n||o)}},{key:"checkInHtml",value:function(t){return"HTML"==t.nodeName}},{key:"initializeStoreEvent",value:function(){bf(gf(e.prototype),"initializeStoreEvent",this).call(this),this.$store.on("changeColor",this.callbackChange,this),this.$store.on("changeFormat",this.callbackChange,this)}},{key:"destroy",value:function(){bf(gf(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:mn("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}}])&&df(n.prototype,r),o&&df(n,o),e}(ho);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 kf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jf(t,e){for(var n=0;n<e.length;n++){var 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"!==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)}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 Ef(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _f(t,e){for(var n=0;n<e.length;n++){var 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"!==$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 Tf(t){return(Tf=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 Df=function(t){function e(){return Ef(this,e),Cf(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&&Rf(t,e)}(e,t),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:rn.px(t)})}},{key:"getMousePosition",value:function(t){return ar.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))}}])&&_f(n.prototype,r),o&&_f(n,o),e}(function(t){function e(){return kf(this,e),Sf(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,t),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:Ln("document"),value:function(t){this.onDragEnd(t)}},{key:In("document"),value:function(t){this.onDragMove(t)}},{key:An("$bar"),value:function(t){this.isDown=!0}},{key:An("$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:yo("changeColor","initColor"),value:function(){this.refresh()}}])&&jf(n.prototype,r),o&&jf(n,o),e}(ho));function Vf(t){return(Vf="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Af(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Lf(t,e){return!e||"object"!==Vf(e)&&"function"!=typeof e?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 Bf(t,e){return(Bf=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zf=function(t){function e(){return Af(this,e),Lf(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&&Bf(t,e)}(e,t),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:ir("$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})}}])&&If(n.prototype,r),o&&If(n,o),e}(Df);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hf(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Yf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Nf(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 Kf(t,e,n){return(Kf="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=Wf(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 Wf(t){return(Wf=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 Zf=function(t){function e(){return Yf(this,e),Nf(this,Wf(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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(){Kf(Wf(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]:{};e%2?Gf(Object(n),!0).forEach((function(e){Hf(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Fe.format(t,"rgb");t.a=1;var n=Fe.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})}}])&&Xf(n.prototype,r),o&&Xf(n,o),e}(Df);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 Jf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 Jf(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,t),n=e,(r=[{key:"template",value:function(){return"<div class='color'></div>"}},{key:ir("$el"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:yo("changeColor","initColor"),value:function(){this.refresh()}}])&&Qf(n.prototype,r),o&&Qf(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 ap(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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=function(t){function e(){return ap(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,t),n=e,(r=[{key:"initialize",value:function(){sp(lp(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=un.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 y=p-s+1,h=f-l+1,d=y*y+h*h,v=bt(y,h),b=Fe.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=ip(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:dt(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=(h=u.x)-a,l=(d=u.y)-c,f=s*s+l*l,p=bt(s,l);if(f>i*i)var y=this.getCurrentXY(null,p,i,a,c),h=y.x,d=y.y;var v=Math.min(Math.sqrt(f)/i,1);this.refs.$drag_pointer.px("left",h-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:yo("changeColor"),value:function(){this.refresh(!0)}},{key:yo("initColor"),value:function(){this.refresh(!0)}},{key:Ln("document"),value:function(t){this.isDown=!1}},{key:In("document"),value:function(t){this.isDown&&this.setHueColor(t)}},{key:An("$drag_pointer"),value:function(t){this.isDown=!0}},{key:An(),value:function(t){this.isDown=!0,this.setHueColor(t)}}])&&cp(n.prototype,r),o&&cp(n,o),e}(ho);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 hp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dp(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function vp(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 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)}var mp=function(t){function e(){return hp(this,e),vp(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,t),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:yo("changeColor","initColor"),value:function(){this.refresh()}},{key:En("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:En("$hsl_h"),value:function(t){this.changeHslColor()}},{key:En("$hsl_s"),value:function(t){this.changeHslColor()}},{key:En("$hsl_l"),value:function(t){this.changeHslColor()}},{key:En("$hsl_a"),value:function(t){this.changeHslColor()}},{key:On("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||this.parent.initColor(e)}},{key:bn("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:bn("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:bn("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:bn("$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()}}])&&dp(n.prototype,r),o&&dp(n,o),e}(ho);function wp(t){return(wp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Op(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kp(t,e){for(var n=0;n<e.length;n++){var 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"!==wp(e)&&"function"!=typeof e?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=Pp(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 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 Op(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,t),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:yo("changeCurrentColorSets"),value:function(){this.refresh()}},{key:yo("toggleColorChooser"),value:function(){this.toggle()}},{key:er("$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:bn("$toggleButton"),value:function(t){this.toggle()}},{key:bn("$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(){Sp(Pp(e.prototype),"destroy",this).call(this),this.hide()}}])&&kp(n.prototype,r),o&&kp(n,o),e}(ho);function Ep(t){return(Ep="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Tp(t,e){return!e||"object"!==Ep(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Rp(t){return(Rp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Dp(t,e){return(Dp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Vp=function(t){function e(){return _p(this,e),Tp(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&&Dp(t,e)}(e,t),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:er("$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:yo("changeCurrentColorSets"),value:function(){this.refresh()}},{key:yo("initColor"),value:function(){this.refresh()}},{key:bn("$colorSetsChooseButton"),value:function(t){this.emit("toggleColorChooser")}},{key:xn("$colorSetsColorList"),value:function(t){if(t.preventDefault(),this.parent.manager.getCurrentColorSets().edit){var e=un.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:bn("$colorSetsColorList .add-color-item"),value:function(t){this.addColor(this.parent.getColor())}},{key:bn("$colorSetsColorList .color-item"),value:function(t,e){this.parent.initColor(e.attr("data-color"))}}])&&Cp(n.prototype,r),o&&Cp(n,o),e}(ho);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 Ip(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mp(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 Bp(t){return(Bp=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zp(t,e){return(zp=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Fp=function(t){function e(){return Ip(this,e),Mp(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&&zp(t,e)}(e,t),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=ar.pos(t);this.$el.px("top",n.clientY-10),this.$el.px("left",n.clientX),this.$el.addClass("show"),this.selectedColorIndex=e,A(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:yo("showContextMenu"),value:function(t,e){this.show(t,e)}},{key:bn("$el .menu-item"),value:function(t,e){t.preventDefault(),this.runCommand(e.attr("data-type")),this.hide()}}])&&Lp(n.prototype,r),o&&Lp(n,o),e}(ho);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Xp(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 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 Hp(this,e),Xp(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,t),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:zf,Opacity:Zf,ColorView:rp,ColorWheel:pp,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&Yp(n.prototype,r),o&&Yp(n,o),e}(wf);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qp(t,e){for(var n=0;n<e.length;n++){var 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"!==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 Qp(t){return(Qp=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=function(t){function e(){return Zp(this,e),Jp(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&&ty(t,e)}(e,t),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"})}}])&&qp(n.prototype,r),o&&qp(n,o),e}(Df);function ny(t){return(ny="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ry(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 iy(t,e){return!e||"object"!==ny(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ay(t){return(ay=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 uy=function(t){function e(){return ry(this,e),iy(this,ay(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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=ar.pos(t).pageX-e.left,i=ar.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:yo("changeColor","initColor"),value:function(){this.refresh()}},{key:Ln("document"),value:function(t){this.isDown=!1}},{key:In("document"),value:function(t){this.isDown&&this.setMainColor(t)}},{key:An(),value:function(t){this.isDown=!0,this.setMainColor(t)}},{key:Ln(),value:function(t){this.isDown=!1}}])&&oy(n.prototype,r),o&&oy(n,o),e}(ho);function sy(t){return(sy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ly(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function py(t,e){return!e||"object"!==sy(e)&&"function"!=typeof e?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 hy(t,e){return(hy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dy=function(t){function e(){return ly(this,e),py(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&&hy(t,e)}(e,t),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:ey,Opacity:Zf,ColorView:rp,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&fy(n.prototype,r),o&&fy(n,o),e}(wf);function vy(t){return(vy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function by(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function my(t,e){return!e||"object"!==vy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wy(t){return(wy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Oy(t,e){return(Oy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ky=function(t){function e(){return by(this,e),my(this,wy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Oy(t,e)}(e,t),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:ey,Opacity:Zf,Palette:uy}}}])&&gy(n.prototype,r),o&&gy(n,o),e}(wf);function jy(t){return(jy="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 xy(t,e){return!e||"object"!==jy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $y(t){return($y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ey(t,e){return(Ey=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _y=function(t){function e(){return Sy(this,e),xy(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&&Ey(t,e)}(e,t),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 ar.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)}}])&&Py(n.prototype,r),o&&Py(n,o),e}(Df);function Cy(t){return(Cy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ty(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ry(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Dy(t,e){return!e||"object"!==Cy(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vy(t,e,n){return(Vy="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=Ay(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 Ay(t){return(Ay=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Iy(t,e){return(Iy=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ly=function(t){function e(){return Ty(this,e),Dy(this,Ay(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Iy(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){Vy(Ay(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"})}}])&&Ry(n.prototype,r),o&&Ry(n,o),e}(_y);function My(t){return(My="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function By(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zy(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Fy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Gy(t,e){for(var n=0;n<e.length;n++){var 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"!==My(e)&&"function"!=typeof e?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=Xy(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 Xy(t){return(Xy=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ny(t,e){return(Ny=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Ky=function(t){function e(){return Fy(this,e),Hy(this,Xy(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ny(t,e)}(e,t),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(){Yy(Xy(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]:{};e%2?By(Object(n),!0).forEach((function(e){zy(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):By(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.parent.rgb);t.a=0;var e=Fe.format(t,"rgb");t.a=1;var n=Fe.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})}}])&&Gy(n.prototype,r),o&&Gy(n,o),e}(_y);function Wy(t){return(Wy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Uy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Zy(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qy(t,e){return!e||"object"!==Wy(e)&&"function"!=typeof e?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){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 th=function(t){function e(){return Uy(this,e),qy(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,t),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:Ly,Opacity:Ky,Palette:uy}}}])&&Zy(n.prototype,r),o&&Zy(n,o),e}(wf);function eh(t){return(eh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==eh(e)&&"function"!=typeof e?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,e,n){return(ih="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=ah(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 ah(t){return(ah=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ch(t,e){return(ch=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uh=function(t){function e(){return nh(this,e),oh(this,ah(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ch(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){ih(ah(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=bt((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}),this.emit("changeColor"))}}])&&rh(n.prototype,r),o&&rh(n,o),e}(pp);function sh(t){return(sh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fh(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ph(t,e){return!e||"object"!==sh(e)&&"function"!=typeof e?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 hh(t,e){return(hh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dh=function(t){function e(){return lh(this,e),ph(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&&hh(t,e)}(e,t),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:zf,Opacity:Zf,ColorView:rp,ColorRing:uh,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&fh(n.prototype,r),o&&fh(n,o),e}(wf);function vh(t){return(vh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==vh(e)&&"function"!=typeof e?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 Oh(t,e){return(Oh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kh=function(t){function e(){return bh(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&&Oh(t,e)}(e,t),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:Ly,Opacity:Ky,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&gh(n.prototype,r),o&&gh(n,o),e}(wf);function jh(t){return(jh="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 xh(t,e){return!e||"object"!==jh(e)&&"function"!=typeof e?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 Eh(t,e){return(Eh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _h=function(t){function e(){return Sh(this,e),xh(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&&Eh(t,e)}(e,t),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:bn("$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:zf,Opacity:Zf,ColorView:rp,ColorRing:uh,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&Ph(n.prototype,r),o&&Ph(n,o),e}(wf);function Ch(t){return(Ch="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Th(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Dh(t,e){return!e||"object"!==Ch(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Vh(t){return(Vh=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 Ih=function(t){function e(){return Th(this,e),Dh(this,Vh(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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:bn("$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:Ly,Opacity:Ky,Palette:uy,Information:mp,CurrentColorSets:Vp,ColorSetsChooser:$p,ContextMenu:Fp}}}])&&Rh(n.prototype,r),o&&Rh(n,o),e}(wf),Lh={create:function(t){switch(t.type){case"macos":return new Wp(t);case"xd":return new kh(t);case"xd-tab":return new Ih(t);case"ring":return new dh(t);case"ring-tab":return new _h(t);case"mini":return new ky(t);case"mini-vertical":return new th(t);case"sketch":case"palette":default:return new dy(t)}},ColorPicker:dy,ChromeDevToolColorPicker:dy,MacOSColorPicker:Wp,RingColorPicker:dh,MiniColorPicker:ky,MiniVerticalColorPicker:th,XDColorPicker:kh};function Mh(t){return(Mh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Fh(t,e){return!e||"object"!==Mh(e)&&"function"!=typeof e?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 Hh(t,e){return(Hh=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yh=["flex","grid"],Xh=function(t){function e(){return Bh(this,e),Fh(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&&Hh(t,e)}(e,t),n=e,(r=[{key:"isLayoutItem",value:function(){return Yh.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return Yh.includes(this.json.layout)}},{key:"isInGrid",value:function(){return!!this.isLayoutItem()&&"grid"===this.parent.layout}},{key:"isInFlex",value:function(){return!!this.isLayoutItem()&&"flex"===this.parent.layout}}])&&zh(n.prototype,r),o&&zh(n,o),e}(pi);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 Kh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Wh(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Uh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 td(t,e){return(td=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var ed=function(t){function e(){return Uh(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&&td(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return Jh(Qh(e.prototype),"getDefaultObject",this).call(this,{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:rn.second(0),timingFunction:"ease",delay:rn.second(0),iterationCount:rn.string("infinite"),playState:"running",fillMode:"none"})}},{key:"convert",value:function(t){return(t=Jh(Qh(e.prototype),"convert",this).call(this,t)).duration=rn.parse(t.duration),t.iterationCount=rn.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]:{};e%2?Kh(Object(n),!0).forEach((function(e){Wh(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Kh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Jh(Qh(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(" ")}}])&&Zh(n.prototype,r),o&&Zh(n,o),e}(zo);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function od(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function id(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 cd(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 ud(t,e,n){return(ud="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=sd(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 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 id(this,e),cd(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,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return ud(sd(e.prototype),"getDefaultObject",this).call(this,{itemType:"transition",checked:!0,property:"all",duration:rn.second(0),timingFunction:"ease",delay:rn.second(0)})}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rd(Object(n),!0).forEach((function(e){od(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},ud(sd(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(" ")}}])&&ad(n.prototype,r),o&&ad(n,o),e}(zo);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 yd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yd(Object(n),!0).forEach((function(e){dd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bd(t,e){for(var n=0;n<e.length;n++){var 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"!==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 md(t,e,n){return(md="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=wd(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 wd(t){return(wd=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 kd=function(t){function e(){return vd(this,e),gd(this,wd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(t){return md(wd(e.prototype),"getDefaultObject",this).call(this,hd({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return hd({},md(wd(e.prototype),"toCloneObject",this).call(this),{selector:this.json.selector,properties:this.json.properties.map((function(t){return Y(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)}}])&&bd(n.prototype,r),o&&bd(n,o),e}(zo);function jd(t,e){for(var n=0;n<e.length;n++){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 Sd=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 rn.parse(t)})),n=rn.percent(0),r=rn.percent(0),o=rn.percent(0),i=rn.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)&&jd(e.prototype,n),r&&jd(e,r),t}();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 xd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 $d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ed(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$d(Object(n),!0).forEach((function(e){_d(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _d(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Td(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Rd(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,e,n){return(Dd="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=Vd(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 Vd(t){return(Vd=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 Id=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,Ld=function(t){function e(){return Cd(this,e),Rd(this,Vd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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(Id)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=xd(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 rn("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=xd(t.split("at").map((function(t){return t.trim()})),2);e=r[0],n=r[1]}else n=t.trim();var o=xd(n.split(" "),2),i=o[0],a=o[1];return A(a)&&(a=i),{radius:e,x:i=rn.parse(i),y:a=rn.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=t.split("at").map((function(t){return t.trim()})),o=xd(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=xd(i,2),c=a[0],u=a[1];A(u)&&(u=c),c=rn.parse(c),u=rn.parse(u);var s=e.split(" "),l=xd(s,2),f=l[0],p=l[1];return A(p)&&(p=f),{radiusX:f=rn.parse(f),radiusY:p=rn.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=xd(e,2),r=n[0],o=n[1],i=Sd.parse(r),a=xd(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=Sd.parse(o),y=xd(p,5),h=y[0],d=y[1],v=y[2],b=y[3],g=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:g}}},{key:"parseStyleForPolygon",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=xd(t.trim().split(" "),2),n=e[0],r=e[1];return{x:rn.parse(n),y:rn.parse(r)}}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Dd(Vd(e.prototype),"getDefaultObject",this).call(this,Ed({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return Ed({},Dd(Vd(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()}}}])&&Td(n.prototype,r),o&&Td(n,o),e}(zo);function Md(t){return(Md="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Bd(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Gd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fd(Object(n),!0).forEach((function(e){Hd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Hd(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Yd(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Nd(t,e){return!e||"object"!==Md(e)&&"function"!=typeof e?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,e,n){return(Kd="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=Wd(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 Wd(t){return(Wd=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ud(t,e){return(Ud=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Zd=function(t){function e(){return Yd(this,e),Nd(this,Wd(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Ud(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Kd(Wd(e.prototype),"getDefaultObject",this).call(this,Gd({position:"absolute",x:rn.px(0),y:rn.px(0),right:"",bottom:"",width:rn.px(300),height:rn.px(300),rootVariable:"",variable:"",transform:"",filter:"","backdrop-filter":"","background-color":"","background-clip":"","background-image":"",pattern:"",border:"","border-radius":"","box-shadow":"","box-sizing":"border-box","text-shadow":"","text-clip":"","clip-path":"",color:"black","font-size":rn.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":"",overflow:"visible",opacity:"",rotate:"","text-fill-color":"","text-stroke-color":"","text-stroke-width":"","offset-path":"","offset-distance":"","z-index":rn.auto,layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",outline:{},animations:[],transitions:[],selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return Gd({},Kd(Wd(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"],overflow:t.overflow,opacity:t.opacity+"",rotate:t.rotate+"","flex-layout":t["flex-layout"],"grid-layout":t["grid-layout"],outline:Y(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=Kd(Wd(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 ed(Gd({checked:!0},t)))}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new kd(Gd({checked:!0},t)))}},{key:"createTransition",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addTransition(new fd(Gd({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(zd(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&&A(n)){var o=Gd({},r.all);r.top=Gd({},o),r.bottom=Gd({},o),r.left=Gd({},o),r.right=Gd({},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=Gd({},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={};return t.forEach((function(t){C(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),N(e)}},{key:"toStringPropertyCSS",value:function(t){return J(this.json[t])}},{key:"toBackgroundImageCSS",value:function(){var t=[];return Sl.parseStyle(this.json.pattern).forEach((function(e){t.push.apply(t,zd(Zs.parseStyle(J(e.toCSS()))))})),t.push.apply(t,zd(Zs.parseStyle(J(this.json["background-image"])))),Zs.joinCSS(t)}},{key:"toLayoutCSS",value:function(){var t=this.json.layout;if(this.hasLayout()){if("flex"===t)return this.toFlexLayoutCSS();if("grid"===t)return this.toGridLayoutCSS()}return{}}},{key:"toLayoutItemCSS",value:function(){var t=this.json.parent.layout,e={};return"flex"===t?e={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===t&&(e={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===t?e=Gd({},e,{},J(this.json["flex-layout-item"])):"grid"===t&&(e=Gd({},e,{},J(this.json["grid-layout-item"]))),e}},{key:"toFlexLayoutCSS",value:function(){return Gd({display:"flex"},this.toStringPropertyCSS("flex-layout"))}},{key:"toGridLayoutCSS",value:function(){return Gd({display:"grid"},this.toStringPropertyCSS("grid-layout"))}},{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]?Hd({},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 q(this.toCSS())}},{key:"toExport",value:function(){return q(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.filter((function(e){return I(e)&&""!==t[e]})).forEach((function(n){e[n]=t[n]})),e}},{key:"toDefaultCSS",value:function(){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",Gd({},t,{},this.toKeyListCSS("position","right","bottom","width","height","overflow","z-index","box-sizing","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(){return Gd({},{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=Bd(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=Bd(e.split(":"),2),r=n[0],o=n[1];t["--".concat(r)]=o})),t}},{key:"toRootVariableString",value:function(){return q(this.toRootVariableCSS())}},{key:"toWebkitCSS",value:function(){var t=this.toKeyListCSS("text-fill-color","text-stroke-color","text-stroke-width","background-clip"),e={};return C(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(Ld.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId,")")}return{"clip-path":t}}},{key:"toCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{key:"toSVGCSS",value:function(){return Object.assign({},this.toVariableCSS(),this.toDefaultSVGCSS(),this.toClipPathCSS(),this.toWebkitCSS(),this.toTextClipCSS(),this.toBoxModelCSS(),this.toBorderCSS(),this.toOutlineCSS(),this.toBackgroundImageCSS(),this.toLayoutCSS(),this.toLayoutItemCSS(),this.toAnimationCSS(),this.toTransitionCSS())}},{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:"generateView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n="\n".concat(t," {  /* ").concat(this.json.itemType," */\n    ").concat(q(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:q(e.css||{},"\n\t\t"),"; \n  }")})).join("\n"),"\n").concat(this.toSelectorString(t),"\n");return n}},{key:"generateDragView",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=this.generateView(t,e).replace(/background\-/gi,"");return n}},{key:"generateSVG",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(t){var e=this.json.width.value,n=this.json.height.value;return'\n<svg width="'.concat(e,'" height="').concat(n,'" viewBox="0 0 ').concat(e," ").concat(n,'" 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:"wrapperRootSVG",value:function(t,e,n,r,o){return"\n    <g>\n      ".concat(this.toDefString,"\n      ").concat(o,"\n    </g>\n    ")}},{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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.layers,i=r.width,a=r.height,c=r.elementType,u=c||"div",s=this.toCSS();return n?(delete s.left,delete s.top,"absolute"===s.position&&delete s.position,this.wrapperRootSVG(t,e,i,a,'\n        <g transform="translate('.concat(t,", ").concat(e,')">      \n          <foreignObject ').concat(Q({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n        </g>\n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"\n      "))):"\n        ".concat(this.toDefString,'\n        <g transform="translate(').concat(t,", ").concat(e,')">\n          <foreignObject ').concat(Q({width:i.value,height:a.value}),'>\n            <div xmlns="http://www.w3.org/1999/xhtml">\n              <').concat(u,' style="').concat(q(s),'" ></').concat(u,">      \n            </div>\n          </foreignObject>    \n          \n        </g>             \n        ").concat(o.map((function(t){return t.svg})).join("\n\t"),"           \n      ")}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():rn.px(0),y:this.json.y?this.json.y.clone():rn.px(0),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=rn.px(t.x.value+t.width.value),t.y2=rn.px(t.y.value+t.height.value),t}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(arguments.length>2&&void 0!==arguments[2]&&arguments[2],arguments.length>3&&void 0!==arguments[3]&&arguments[3],e){var n=t.$('[data-id="'.concat(this.innerSVGId,'"]'));if(n){var r=this.toDefInnerString.trim();if(r){var o=n.$("defs");o.html(r)}}else{var i=this.toDefString.trim();if(i){var a=un.createByHTML(i);a&&t.prepend(a)}}}}},{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(tt(Hd({"element-item":!0},i,!0)),'" ').concat(Q({"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(0,0,!0)}},{key:"toDefInnerString",get:function(){return"\n      ".concat(this.toClipPath,"\n    ")}},{key:"toClipPath",get:function(){var t=Ld.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"}}])&&Xd(n.prototype,r),o&&Xd(n,o),e}(Xh),qd='<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 Jd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 tv=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jd(Object(n),!0).forEach((function(e){Qd(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},{fullscreen:qd},{volume_down:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"/>\n    </svg>\n',volume_up:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>\n</svg>',volume_off:'\n<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>\n</svg>\n',pentool:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <g transform="translate(4.000003875248012, 4.000001937624006)">\n        <path stroke="currentColor" d="M 7.501491970838878 -0.0000015572448855733659Q 14.336036333057622 7.389304433496911 15.674208571053226 11.025537025755131Q 17.012380809048864 14.661769618013372 12.854180922821438 14.544928811787997L 12.854180922821438 16.99999278410904L 3.2146550430021494 16.99999278410904L 3.2146550430021494 14.544928811787997Q -0.8480130988910353 14.661769618013372 0.22369613306813782 11.025537025755131Q 1.295405365027311 7.389304433496911 7.501491970838878 -0.0000015572448855733659Z M 7.501491970838878 -0.0000015572448855733659M 7.043097362212707 10.615180199186797L 7.043097362212707 2.029497238417552Q 2.4235653311211847 7.389304433496911 1.2143202542326725 11.099378313047254Q 0.22369613306813782 14.380813978493594 4.269842778971384 13.709709450113499L 4.269842778971384 16.233605781316655L 11.751764459057853 16.233605781316655L 11.751764459057853 13.709709450113499Q 15.84146041516868 14.140123940309786 14.670231046646997 10.775846698306177Q 14.195747591990225 9.593976493057127 8.077664264490855 2.029497238417552L 8.077664264490855 10.615180199186797L 7.043097362212707 10.615180199186797Z"/>\n    </g>\n</svg>',launch:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>\n    </svg>',apps:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/></svg>',outline_rect:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',outline_circle:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <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"/>\n    </svg>\n',keyboard:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>',local_movie:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/></svg>',same_height:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',same_width:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',middle:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',bottom:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',top:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n</svg>\n',right:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',center:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n</svg>\n',left:'\n<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor">\n    <path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n</svg>\n',flag:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/></svg>',lens:'<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 2z"/></svg>',local_library:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"/></svg>',italic:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/></svg>',strikethrough:'<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 clip-path="url(#b)" d="M7.24 8.75c-.26-.48-.39-1.03-.39-1.67 0-.61.13-1.16.4-1.67.26-.5.63-.93 1.11-1.29.48-.35 1.05-.63 1.7-.83.66-.19 1.39-.29 2.18-.29.81 0 1.54.11 2.21.34.66.22 1.23.54 1.69.94.47.4.83.88 1.08 1.43.25.55.38 1.15.38 1.81h-3.01c0-.31-.05-.59-.15-.85-.09-.27-.24-.49-.44-.68-.2-.19-.45-.33-.75-.44-.3-.1-.66-.16-1.06-.16-.39 0-.74.04-1.03.13-.29.09-.53.21-.72.36-.19.16-.34.34-.44.55-.1.21-.15.43-.15.66 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.05-.08-.11-.17-.15-.25zM21 12v-2H3v2h9.62c.18.07.4.14.55.2.37.17.66.34.87.51.21.17.35.36.43.57.07.2.11.43.11.69 0 .23-.05.45-.14.66-.09.2-.23.38-.42.53-.19.15-.42.26-.71.35-.29.08-.63.13-1.01.13-.43 0-.83-.04-1.18-.13s-.66-.23-.91-.42c-.25-.19-.45-.44-.59-.75-.14-.31-.25-.76-.25-1.21H6.4c0 .55.08 1.13.24 1.58.16.45.37.85.65 1.21.28.35.6.66.98.92.37.26.78.48 1.22.65.44.17.9.3 1.38.39.48.08.96.13 1.44.13.8 0 1.53-.09 2.18-.28s1.21-.45 1.67-.79c.46-.34.82-.77 1.07-1.27s.38-1.07.38-1.71c0-.6-.1-1.14-.31-1.61-.05-.11-.11-.23-.17-.33H21z"/></svg>',underline:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"/></svg>',cylinder:'\n<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" style=\'transform:scale(0.8)\'>\n<g class="cylinder">\n<path d="M 12 0 C 7.636719 0 3 1.226562 3 3.5 L 3 20.5 C 3 22.773438 7.636719 24 12 24 C 16.363281 24 21 22.773438 21 20.5 L 21 3.5 C 21 1.226562 16.363281 0 12 0 Z M 20 19.121094 C 19.921875 19.140625 19.84375 19.171875 19.78125 19.230469 C 19.574219 19.414062 19.554688 19.726562 19.738281 19.933594 C 19.914062 20.128906 20 20.320312 20 20.5 C 20 21.542969 16.957031 23 12 23 C 7.042969 23 4 21.542969 4 20.5 C 4 20.320312 4.085938 20.128906 4.261719 19.933594 C 4.445312 19.726562 4.425781 19.410156 4.21875 19.226562 C 4.15625 19.171875 4.078125 19.140625 4 19.121094 L 4 5.160156 C 5.59375 6.363281 8.863281 7 12 7 C 15.136719 7 18.40625 6.363281 20 5.160156 Z M 12 6 C 7.042969 6 4 4.542969 4 3.5 C 4 2.457031 7.042969 1 12 1 C 16.957031 1 20 2.457031 20 3.5 C 20 4.542969 16.957031 6 12 6 Z M 12 6 "/>\n</g>\n</svg>\n',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 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-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:qd,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>',video:'\n    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">\n        <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>\n    </svg>\n',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 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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nv(Object(n),!0).forEach((function(e){ov(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 iv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 iv(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,t),n=e,o=[{key:"getIcon",value:function(){return tv.rect}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return uv(sv(e.prototype),"getDefaultObject",this).call(this,rv({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return tv.rect}},{key:"toCloneObject",value:function(){return rv({},uv(sv(e.prototype),"toCloneObject",this).call(this),{tagName:this.json.tagName})}},{key:"screenX",get:function(){return this.json.parent?rn.px(this.json.parent.screenX.value+(this.json.x||zero).value):this.json.x||rn.px(0)}},{key:"screenY",get:function(){return this.json.parent?rn.px(this.json.parent.screenY.value+(this.json.y||zero).value):this.json.y||rn.px(0)}}])&&av(n.prototype,r),o&&av(n,o),e}(Zd);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 yv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hv(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yv(Object(n),!0).forEach((function(e){dv(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dv(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function vv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 gv(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 mv(t,e,n){return(mv="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=wv(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 wv(t){return(wv=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 kv="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),jv={xChannelSelector:!0,yChannelSelector:!0},Sv=function(t){function e(){return vv(this,e),gv(this,wv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,o=[{key:"parse",value:function(t){return new(0,xO[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=jt();return mv(wv(e.prototype),"getDefaultObject",this).call(this,hv({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 B(t.in)&&(t.in=JSON.parse(t.in)),B(t.bound)&&(t.bound=JSON.parse(t.bound)),B(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return hv({},mv(wv(e.prototype),"toCloneObject",this).call(this),{id:this.json.id,in:Y(this.json.in),bound:Y(this.json.bound),connected:Y(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(jv).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=""),kv.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()," />")}}])&&bv(n.prototype,r),o&&bv(n,o),e}(zo);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 xv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ev(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 _v(t,e,n){return(_v="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=Cv(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 Cv(t){return(Cv=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 Rv=function(t){function e(){return xv(this,e),Ev(this,Cv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return _v(Cv(e.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:e.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=rn.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    '))}}])&&$v(n.prototype,r),o&&$v(n,o),e}(Sv);function Dv(t){return(Dv="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Iv(t,e){return!e||"object"!==Dv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Lv(t,e,n){return(Lv="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=Mv(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 Mv(t){return(Mv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Bv(t,e){return(Bv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Rv.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:rn.number(0)}};var zv=function(t){function e(){return Vv(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&&Bv(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Lv(Mv(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>")}}])&&Av(n.prototype,r),o&&Av(n,o),e}(Sv);function Fv(t){return(Fv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==Fv(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Xv(t,e,n){return(Xv="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=Nv(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 Nv(t){return(Nv=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Kv(t,e){return(Kv=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}zv.spec={};var Wv=function(t){function e(){return Gv(this,e),Yv(this,Nv(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Kv(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Xv(Nv(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}}])&&Hv(n.prototype,r),o&&Hv(n,o),e}(Sv);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 Zv(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 Qv(t,e,n){return(Qv="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=tb(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 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)}Wv.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:rn.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)}};var nb=function(t){function e(){return Zv(this,e),Jv(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Qv(tb(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()," />")}}])&&qv(n.prototype,r),o&&qv(n,o),e}(Sv);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ib(t,e){for(var n=0;n<e.length;n++){var 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 cb(t,e,n){return(cb="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=ub(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 ub(t){return(ub=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sb(t,e){return(sb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}nb.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(0)}};var lb=function(t){function e(){return ob(this,e),ab(this,ub(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return cb(ub(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=rn.parse(t.baseFrequency),t.numOctaves=rn.parse(t.numOctaves),t.seed=rn.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(Q({type:e,baseFrequency:n,numOctaves:r,seed:o}),"   ").concat(this.getDefaultAttribute()," />"))}}])&&ib(n.prototype,r),o&&ib(n,o),e}(Sv);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 pb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function yb(t,e){for(var n=0;n<e.length;n++){var 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"!==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 db(t,e,n){return(db="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=vb(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 vb(t){return(vb=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)}lb.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:rn.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:rn.number(0)}};var gb=function(t){function e(){return pb(this,e),hb(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&&bb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return db(vb(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=rn.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}}])&&yb(n.prototype,r),o&&yb(n,o),e}(Sv);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kb(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,e,n){return(jb="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 Pb(t,e){return(Pb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}gb.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:rn.number(0)}};var xb=function(t){function e(){return wb(this,e),kb(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&&Pb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return jb(Sb(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()," />")}}])&&Ob(n.prototype,r),o&&Ob(n,o),e}(Sv);function $b(t){return($b="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Cb(t,e){return!e||"object"!==$b(e)&&"function"!=typeof e?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=Rb(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 Rb(t){return(Rb=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)}xb.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 Vb=function(t){function e(){return Eb(this,e),Cb(this,Rb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Tb(Rb(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()," />")}}])&&_b(n.prototype,r),o&&_b(n,o),e}(Sv);function Ab(t){return(Ab="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Lb(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Mb(t,e){return!e||"object"!==Ab(e)&&"function"!=typeof e?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,e,n){return(Bb="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=zb(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 zb(t){return(zb=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Fb(t,e){return(Fb=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Vb.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var Gb=function(t){function e(){return Ib(this,e),Mb(this,zb(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Fb(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Bb(zb(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=rn.parse(t.stdDeviationX),t.stdDeviationY=rn.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()," />")}}])&&Lb(n.prototype,r),o&&Lb(n,o),e}(Sv);function Hb(t){return(Hb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Yb(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Nb(t,e){return!e||"object"!==Hb(e)&&"function"!=typeof e?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,e,n){return(Kb="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=Wb(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 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)}Gb.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var Zb=function(t){function e(){return Yb(this,e),Nb(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Kb(Wb(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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(Q({x:r,y:o,width:i,height:a}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}])&&Xb(n.prototype,r),o&&Xb(n,o),e}(Sv);function qb(t){return(qb="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){return eg(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||tg()}function Qb(t){return eg(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||tg()}function tg(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function eg(t){if(Array.isArray(t))return t}function ng(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 og(t,e){return!e||"object"!==qb(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ig(t,e,n){return(ig="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=ag(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 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)}Zb.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var ug=function(t){function e(){return ng(this,e),og(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return ig(ag(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=Qb(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=Jb(r,2);return{type:n,slop:o[0],intercept:o[1]}}if("gamma"===n){var i=Jb(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(Q(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(Q(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(Q(r)," />"),"\n      ").concat(o&&"<feFuncA ".concat(Q(o)," />"),"\n    </feComponentTransfe>")}}])&&rg(n.prototype,r),o&&rg(n,o),e}(Sv);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fg(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=hg(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 hg(t){return(hg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function dg(t,e){return(dg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}ug.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 vg=function(t){function e(){return lg(this,e),pg(this,hg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&dg(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return yg(hg(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(Q({azimuth:e,elevation:n})," />"))}}])&&fg(n.prototype,r),o&&fg(n,o),e}(Sv);function bg(t){return(bg="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mg(t,e){for(var n=0;n<e.length;n++){var 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"!==bg(e)&&"function"!=typeof e?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,e,n){return(Og="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 jg(t,e){return(jg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}vg.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var Sg=function(t){function e(){return gg(this,e),wg(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&&jg(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Og(kg(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(Q({x:e,y:n,z:r})," />"))}}])&&mg(n.prototype,r),o&&mg(n,o),e}(Sv);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 xg(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Eg(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 _g(t,e,n){return(_g="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=Cg(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 Cg(t){return(Cg=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)}Sg.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var Rg=function(t){function e(){return xg(this,e),Eg(this,Cg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return _g(Cg(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(Q({x:e,y:n,z:r,pointsAtX:o,pointsAtY:i,pointsAtZ:a,specularExponent:c,limitingConeAngle:u})," />"))}}])&&$g(n.prototype,r),o&&$g(n,o),e}(Sv);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ag(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ig(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mg(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 Bg(t,e,n){return(Bg="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=zg(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 zg(t){return(zg=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)}Rg.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)}};var Gg=function(t){function e(){return Ig(this,e),Mg(this,zg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Bg(zg(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]:{};e%2?Vg(Object(n),!0).forEach((function(e){Ag(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bg(zg(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(Q({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>"))}}])&&Lg(n.prototype,r),o&&Lg(n,o),e}(Sv);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xg(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ng(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 Wg(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 Ug(t,e,n){return(Ug="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=Zg(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 Zg(t){return(Zg=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function qg(t,e){return(qg=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Gg.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Jg=function(t){function e(){return Ng(this,e),Wg(this,Zg(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&qg(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Ug(Zg(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]:{};e%2?Yg(Object(n),!0).forEach((function(e){Xg(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Ug(Zg(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(Q({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":o}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>"))}},{key:"getSourceInAttribute",value:function(){return""}}])&&Kg(n.prototype,r),o&&Kg(n,o),e}(Sv);function Qg(t){return(Qg="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 nm(t,e){return!e||"object"!==Qg(e)&&"function"!=typeof e?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,e,n){return(rm="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=om(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 om(t){return(om=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function im(t,e){return(im=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Jg.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:rn.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var am=function(t){function e(){return tm(this,e),nm(this,om(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&im(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return rm(om(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(Q({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />"))}}])&&em(n.prototype,r),o&&em(n,o),e}(Sv);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 um(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 fm(t,e,n){return(fm="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=pm(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 pm(t){return(pm=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)}am.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var hm=function(t){function e(){return um(this,e),lm(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&&ym(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return fm(pm(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(Q({mode:t})," ").concat(this.getDefaultAttribute()," />"))}},{key:"hasInIndex",value:function(){return!0}}])&&sm(n.prototype,r),o&&sm(n,o),e}(Sv);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 vm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vm(Object(n),!0).forEach((function(e){gm(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 mm(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wm(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Om(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 km(t,e,n){return(km="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=jm(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 jm(t){return(jm=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Sm(t,e){return(Sm=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}hm.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var Pm=function(t){function e(){return mm(this,e),Om(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&&Sm(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return km(jm(e.prototype),"getDefaultObject",this).call(this,bm({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}])&&wm(n.prototype,r),o&&wm(n,o),e}(Sv);function xm(t){return(xm="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _m(t,e){return!e||"object"!==xm(e)&&"function"!=typeof e?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,e,n){return(Cm="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=Tm(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 Tm(t){return(Tm=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 Dm=function(t){function e(){return $m(this,e),_m(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&&Rm(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Cm(Tm(e.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}])&&Em(n.prototype,r),o&&Em(n,o),e}(Pm);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Lm(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,e,n){return(Mm="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=Bm(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 Bm(t){return(Bm=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 Fm=function(t){function e(){return Am(this,e),Lm(this,Bm(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Mm(Bm(e.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}])&&Im(n.prototype,r),o&&Im(n,o),e}(Pm);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ym(t,e){for(var n=0;n<e.length;n++){var 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 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=Km(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 Km(t){return(Km=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 Um=function(t){function e(){return Hm(this,e),Xm(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&&Wm(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Nm(Km(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}])&&Ym(n.prototype,r),o&&Ym(n,o),e}(Pm);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Qm(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 tw(t,e,n){return(tw="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=ew(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 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 qm(this,e),Qm(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return tw(ew(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}])&&Jm(n.prototype,r),o&&Jm(n,o),e}(Pm);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,e,n){return(uw="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=sw(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 sw(t){return(sw=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)}var fw=function(t){function e(){return iw(this,e),cw(this,sw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return uw(sw(e.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}])&&aw(n.prototype,r),o&&aw(n,o),e}(Pm);function pw(t){return(pw="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hw(t,e){for(var n=0;n<e.length;n++){var 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"!==pw(e)&&"function"!=typeof e?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,e,n){return(vw="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=bw(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 bw(t){return(bw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gw(t,e){return(gw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mw=function(t){function e(){return yw(this,e),dw(this,bw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gw(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return vw(bw(e.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}])&&hw(n.prototype,r),o&&hw(n,o),e}(Pm);function ww(t){return(ww="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ow(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 jw(t,e){return!e||"object"!==ww(e)&&"function"!=typeof e?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=Pw(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 Pw(t){return(Pw=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)}var $w=function(t){function e(){return Ow(this,e),jw(this,Pw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Sw(Pw(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(Q({dx:e,dy:n,stdDeviation:r,"flood-color":o,"flood-opacity":i}),"  ").concat(this.getDefaultAttribute()," />"))}}])&&kw(n.prototype,r),o&&kw(n,o),e}(Sv);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 _w(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Tw(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 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=Dw(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 Dw(t){return(Dw=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)}$w.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:rn.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:rn.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Aw=function(t){function e(){return _w(this,e),Tw(this,Dw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Rw(Dw(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()," />"))}}])&&Cw(n.prototype,r),o&&Cw(n,o),e}(Sv);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 Lw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Mw(t,e){for(var n=0;n<e.length;n++){var 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"!==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 zw(t,e,n){return(zw="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=Fw(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 Fw(t){return(Fw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gw(t,e){return(Gw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Aw.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:rn.number(0)}};var Hw=function(t){function e(){return Lw(this,e),Bw(this,Fw(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Gw(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return zw(Fw(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()," />"))}}])&&Mw(n.prototype,r),o&&Mw(n,o),e}(Sv);function Yw(t){return(Yw="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Kw(t,e){return!e||"object"!==Yw(e)&&"function"!=typeof e?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,e,n){return(Ww="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=Uw(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 Uw(t){return(Uw=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zw(t,e){return(Zw=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Hw.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:rn.number(0)}};var qw=function(t){function e(){return Xw(this,e),Kw(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&&Zw(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return Ww(Uw(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()," />")}}])&&Nw(n.prototype,r),o&&Nw(n,o),e}(Sv);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 Qw(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 nO(t,e,n){return(nO="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=rO(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 rO(t){return(rO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oO(t,e){return(oO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}qw.spec={};var iO=function(t){function e(){return Qw(this,e),eO(this,rO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oO(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){return nO(rO(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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(Q({x:e,y:n,width:r,height:o})," ").concat(this.getDefaultAttribute()," />")}}])&&tO(n.prototype,r),o&&tO(n,o),e}(Sv);function aO(t){return(aO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function cO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==aO(e)&&"function"!=typeof e?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,e,n){return(lO="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=fO(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 fO(t){return(fO=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)}iO.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)}};var yO=function(t){function e(){return cO(this,e),sO(this,fO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){return lO(fO(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=rn.parse(t.x),t.y=rn.parse(t.y),t.width=rn.parse(t.width),t.height=rn.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(Q({x:n,y:r,width:o,height:i,"xlink:href":e,preserveAspectRatio:"".concat(a," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}])&&uO(n.prototype,r),o&&uO(n,o),e}(Sv);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 dO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dO(Object(n),!0).forEach((function(e){bO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function gO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,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 OO(t,e,n){return(OO="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=kO(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 kO(t){return(kO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jO(t,e){return(jO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}yO.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:rn.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 SO=["result"],PO=function(t){function e(){return gO(this,e),wO(this,kO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jO(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){return new(0,xO[t.type])(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return OO(kO(e.prototype),"getDefaultObject",this).call(this,vO({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return SO.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()," />")}}])&&mO(n.prototype,r),o&&mO(n,o),e}(zo),xO={Image:yO,Tile:iO,Saturate:Aw,HueRotate:Hw,LuminanceAlpha:qw,DropShadow:$w,SourceGraphic:Dm,SourceAlpha:Fm,BackgroundImage:Um,BackgroundAlpha:rw,FillPaint:fw,StrokePaint:mw,ComponentTransfer:ug,DistantLight:vg,PointLight:Sg,SpotLight:Rg,DiffuseLighting:Gg,SpecularLighting:Jg,Blend:hm,Offset:am,RotaMatrix:Rv,GaussianBlur:Gb,Flood:Zb,Merge:zv,Composite:Wv,Morphology:nb,Turbulence:lb,DisplacementMap:gb,ColorMatrix:xb,ConvolveMatrix:Vb},$O={Image:yO.spec,Tile:iO.spec,DropShadow:$w.spec,Saturate:Aw.spec,HueRotate:Hw.spec,LuminanceAlpha:qw.spec,Offset:am.spec,ComponentTransfer:ug.spec,SpecularLighting:Jg.spec,SpotLight:Rg.spec,PointLight:Sg.spec,DistantLight:vg.spec,DiffuseLighting:Gg.spec,Blend:hm.spec,RotaMatrix:Rv.spec,Merge:zv.spec,GaussianBlur:Gb.spec,Flood:Zb.spec,Morphology:nb.spec,Composite:Wv.spec,Turbulence:lb.spec,DisplacementMap:gb.spec,ColorMatrix:xb.spec,ConvolveMatrix:Vb.spec};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 _O(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 CO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?CO(Object(n),!0).forEach((function(e){RO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function RO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function DO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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 IO(t,e,n){return(IO="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=LO(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 LO(t){return(LO=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 BO=function(t){function e(){return DO(this,e),AO(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&&MO(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}}],(r=[{key:"getDefaultObject",value:function(){return IO(LO(e.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:rn.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return TO({},IO(LO(e.prototype),"toCloneObject",this).call(this),{offset:this.json.offset+"",color:this.json.color,properties:this.json.properties.map((function(t){return Y(t)}))})}},{key:"convert",value:function(t){return(t=IO(LO(e.prototype),"convert",this).call(this,t)).offset=rn.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(q(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(TO({checked:!0,value:rn.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(_O(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],TO({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,o=0,i=n.length;o<i;o++)if(this.json.properties[o].key===t){r=o;break}Object.assign(this.json.properties[+r],TO({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=TO({},t,{},e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}])&&VO(n.prototype,r),o&&VO(n,o),e}(zo);function zO(t){return(zO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FO(t){return function(t){if(Array.isArray(t))return t}(t)||HO(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function GO(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)||HO(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function HO(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function YO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YO(Object(n),!0).forEach((function(e){NO(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NO(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function KO(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 UO(t,e){return!e||"object"!==zO(e)&&"function"!=typeof e?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,e,n){return(ZO="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=qO(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 qO(t){return(qO=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JO(t,e){return(JO=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QO=function(t){function e(){return KO(this,e),UO(this,qO(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JO(t,e)}(e,t),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=we(t.keyframe);o.str.split("|").map((function(t){return t.trim()})).forEach((function(t,i){var a=FO(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(rn.parse(u))})),p=null;f.length?p=f[0]:(p=new BO({offset:rn.parse(u)}),r[c].offsets.push(p)),p.addProperty({key:s,value:ke(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 ZO(qO(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 XO({},ZO(qO(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 BO(XO({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(GO(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()}}])&&WO(n.prototype,r),o&&WO(n,o),e}(zo);function tk(t){return(tk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ek(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 nk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nk(Object(n),!0).forEach((function(e){ok(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ok(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ik(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==tk(e)&&"function"!=typeof e?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,e,n){return(uk="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=sk(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 sk(t){return(sk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function lk(t,e){return(lk=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pk(Object(n),!0).forEach((function(e){hk(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hk(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function dk(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 vk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bk(t,e){for(var n=0;n<e.length;n++){var 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"!==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 mk(t,e,n){return(mk="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=wk(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 wk(t){return(wk=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Ok(t,e){return(Ok=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kk=function(t){function e(){return vk(this,e),gk(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&&Ok(t,e)}(e,t),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=dk(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 mk(wk(e.prototype),"getDefaultObject",this).call(this,yk({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 yk({},mk(wk(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")}}])&&bk(n.prototype,r),o&&bk(n,o),e}(function(t){function e(){return ik(this,e),ck(this,sk(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&lk(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return uk(sk(e.prototype),"getDefaultObject",this).call(this,rk({colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],videos:[],audios:[]},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 QO(rk({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(ek(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=rk({},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 PO.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 rk({},uk(sk(e.prototype),"toCloneObject",this).call(this),{colors:Y(t.colors),gradients:Y(t.gradients),svgfilters:Y(t.svgfilters),svgimages:Y(t.svgimages),images:Y(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]=rk({},this.json.colors[t],{},e)}},{key:"getColorIndex",value:function(t){return this.json.colors[t]}},{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]=rk({},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:"removeVideo",value:function(t){this.removePropertyList(this.json.videos,t)}},{key:"copyVideo",value:function(t){this.copyPropertyList(this.json.videos,t)}},{key:"sortVideo",value:function(t,e){this.sortItem(this.json.videos,t,e)}},{key:"setVideoValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.videos[t]=rk({},this.json.videos[t],{},e)}},{key:"addVideo",value:function(t){return this.json.videos.push(t),t}},{key:"createVideo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addVideo(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]=rk({},this.json.gradients[t],{},e)}},{key:"getGradientIndex",value:function(t){return this.json.gradients[t]}},{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]=rk({},this.json.svgfilters[t],{},e)}},{key:"addSVGFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgfilters.push(t);var e=this.json.svgfilters.length-1;return e}},{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]=rk({},this.json.svgimages[t],{},e)}},{key:"addSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgimages.push(t);var e=this.json.svgimages.length-1;return e}},{key:"createSVGImage",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(t)}}])&&ak(n.prototype,r),o&&ak(n,o),e}(Co));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 Sk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Pk(t,e){for(var n=0;n<e.length;n++){var 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"!==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 $k(t,e,n){return($k="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=Ek(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 Ek(t){return(Ek=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)}Ci.registerComponent("project",kk);var Ck=function(t){function e(){return Sk(this,e),xk(this,Ek(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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=$k(Ek(e.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}])&&Pk(n.prototype,r),o&&Pk(n,o),e}(fv);function Tk(t){return(Tk="function"==typeof Symbol&&"symbol"==typeof Symbol.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){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 Dk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Dk(Object(n),!0).forEach((function(e){Ak(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Dk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ak(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ik(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Mk(t,e){return!e||"object"!==Tk(e)&&"function"!=typeof e?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,e,n){return(Bk="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=zk(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 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)}Ci.registerComponent("component",Ck);var Gk=["front","back","left","right","top","bottom"],Hk={"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"},Yk={position:!0,left:!0,top:!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},Xk={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},Nk=function(t){function e(){return Ik(this,e),Mk(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,t),n=e,o=[{key:"getIcon",value:function(){return tv.cube}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bk(zk(e.prototype),"getDefaultObject",this).call(this,Vk({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:rn.number(1),transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},t))}},{key:"getProps",value:function(){return[{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Background Color"].concat(Rk(Gk.map((function(t){return{key:"".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:t,params:"".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background Image"],Rk(Gk.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(Hk[e.property]),properties:[Vk({},e,{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(Hk[e.property]),properties:[Vk({},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):Yk[t.property]?r.push(t):Xk[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=Bk(zk(e.prototype),"convert",this).call(this,t)).rate=rn.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return Gk.forEach((function(e){n["".concat(e,".color")]=t.json["".concat(e,".color")],n["".concat(e,".background")]=t.json["".concat(e,".background")]})),Vk({},Bk(zk(e.prototype),"toCloneObject",this).call(this),{rate:this.json.rate.clone()},n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cube"}},{key:"getIcon",value:function(){return tv.cube}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),t.visibility=this.json.visible?"visible":"hidden",Vk({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return Vk({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS(),{},this.toLayoutItemCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.rate.value,n=t.width,r=t.height,o=n.value/2,i=r.value/2,a=t["backface-visibility"],c=Vk({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity","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(q(c),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(a,";              \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(a,";          \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(o*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(a,";          \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(i*e,"px);\n          top: ").concat(i-o,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(a,";          \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=this.toCSS(),c=this.toNestedCSS(),u={},s=c.find((function(t){return"div"===t.selector}))||{cssText:""};return s=s.cssText.replace(/\n/g,""),Gk.forEach((function(t){u[t]=c.find((function(e){return e.selector==="."+t}))||{cssText:""},u[t]=u[t].cssText.replace(/\n/g,"")})),n?(delete a.left,delete a.top,"absolute"===a.position&&delete a.position,this.wrapperRootSVG(t,e,o,i,"\n        <foreignObject ".concat(Q({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(q(a),'">\n            ').concat(Gk.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(Q({width:o.value,height:i.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(q(a),'">\n              ').concat(Gk.map((function(t){return'<div style="'.concat(s,";").concat(u[t],'"></div>')})).join(""),"          \n            </div>   \n          </div>\n        </foreignObject>          \n      ")}},{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(Gk.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&Lk(n.prototype,r),o&&Lk(n,o),e}(Ck);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 Wk(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Uk(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 Zk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zk(Object(n),!0).forEach((function(e){Jk(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Jk(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Qk(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 nj(t,e,n){return(nj="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=rj(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 rj(t){return(rj=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oj(t,e){return(oj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("cube",Nk);var ij={count:!0,rate:!0,face:!0},aj={position:!0,left:!0,top:!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},cj={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},uj=function(t){function e(){return Qk(this,e),ej(this,rj(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oj(t,e)}(e,t),n=e,o=[{key:"getIcon",value:function(){return tv.cylinder}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return nj(rj(e.prototype),"getDefaultObject",this).call(this,qk({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:rn.number(40),rate:rn.number(1),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:"Count",min:3,max:100,step:1},refresh:!0,defaultValue:t},{key:"rate",editor:"NumberRangeEditor",editorOptions:{label:"radius",min:0,max:10,step:.1},refresh:!0,defaultValue:this.json.rate.value},{key:"backface-visibility",editor:"SelectIconEditor",editorOptions:{label:"visibility",options:"visible,hidden"},refresh:!0,defaultValue:this.json["backface-visibility"]},"Color"].concat(Uk(K(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"],Uk(K(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){var n=this;if("rate"===e.property){var r=this.json.width,o=this.json.count.value,i=r.value/2,a=360/o,c=K(o).map((function(t,r){var o=r*a;return{selector:'[data-id="'.concat(n.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[{keyframes:e.keyframes.map((function(t){var e=t.time,n=t.value,r=t.timing;return{time:e,value:"rotateY(".concat(o,"deg) translateZ(").concat(i*n,"px)"),timing:r}})),property:"transform"}]}}));t.push.apply(t,Uk(c))}if(e.property.includes(".color")){var u=Wk(e.property.split("."),3),s=(u[0],u[1]);u[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[qk({},e,{property:"background-color"})]})}if(e.property.includes(".background")){var l=Wk(e.property.split("."),3);l[0],s=l[1],l[2],t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(s,'"]'),properties:[qk({},e,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],o=[];t.forEach((function(t){t.property.includes("face")||ij[t.property]?n.push(t):aj[t.property]?r.push(t):cj[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=nj(rj(e.prototype),"convert",this).call(this,t)).count=rn.parse(t.count),t.rate=rn.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return K(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")]})),qk({},nj(rj(e.prototype),"toCloneObject",this).call(this),{count:this.json.count.clone(),rate:this.json.rate.clone()},n)}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Cylinder"}},{key:"getIcon",value:function(){return tv.cylinder}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),qk({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return qk({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var t=this.json,e=t.count.value,n=t.width,r=t["backface-visibility"],o=t.rate.value,i=this.cylinderInfo,a=i.angle,c=i.r,u=i.faceWidth,s=qk({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),{},this.toBackgroundImageCSS(),{},this.toBorderCSS(),{},this.toClipPathCSS()),l=K(e).map((function(e,n){var r=n*a,i="face.".concat(n,".color"),u="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(c*o,"px);\n          ").concat(t[i]?"background-color: ".concat(t[i],";"):"","\n          ").concat(t[u]?"".concat(t[u],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-u/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(u,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(q(s),"\n        ").trim()}].concat(Uk(l))}},{key:"updateFunction",value:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(nj(rj(e.prototype),"updateFunction",this).call(this,t,n),n){var r=+t.attr("data-count");if(r!==this.json.count.value){t.$$(".face").forEach((function(t){return t.remove()}));var o=K(this.json.count.value).map((function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')})).join("");t.appendHTML(o),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(dt(i,a,e.x,e.y));var a,c=vt(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=vt(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(K(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=K(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(Q({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(q(i),'">\n            ').concat(K(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")}}])&&tj(n.prototype,r),o&&tj(n,o),e}(Ck);function sj(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")}()}Ci.registerComponent("cylinder",uj);var lj={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},fj={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)"},pj=[[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"]],yj=function(t){return sj(dj(fj[t]||t))},hj=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=pj.length;e<n;e++){var r=pj[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(",")," )")},dj=function(t){if("string"==typeof t){if(lj[t])return pj.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},vj=function(t,e,n,r){var o=[t,e,n,r];return function(t){return Ej(o,t)}},bj=function(t,e,n){var r=[t,e,n];return function(t){return _j(r,t)}},gj=function(t,e){var n=[t,e];return function(t){return Cj(n,t)}},mj=function(t,e,n,r,o){var i=e(n),a=vt(r,o,i.x,i.y);a<t.minDist&&(t.minDist=a,t.minT=n)},wj=function(t,e,n,r,o,i,a,c){for(var u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,s=vj({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 y=p/u,h=s(y);l+=vt(f.x,f.y,h.x,h.y),f=h}return l},Oj=function(t,e,n,r,o,i){for(var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=bj({x:t,y:e},{x:n,y:r},{x:o,y:i}),u=0,s=c(0),l=0;l<=a;l++){var f=l/a,p=c(f);u+=vt(s.x,s.y,p.x,p.y),s=p}return u},kj=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++)mj(n,t,i/e,r,o);var a=1/(2*e),c=n.minT;for(i=0;i<e;i++)mj(n,t,c-a,r,o),mj(n,t,c+a,r,o),a/=2;return n.minT}},jj=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return kj(vj(t,e,n,r),o)},Sj=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return kj(bj(t,e,n),r)},Pj=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return kj(gj(t,e),n)},xj=function(t){if("linear"===t)return gj(n={x:0,y:0},r={x:1,y:1});var e=dj(t),n={x:0,y:0},r={x:e[0],y:e[1]},o={x:e[2],y:e[3]};return vj(n,r,o,{x:1,y:1})},$j=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},Ej=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e),o=$j(t[2],t[3],e),i=$j(n,r,e),a=$j(r,o,e);return $j(i,a,e)},_j=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e);return $j(n,r,e)},Cj=function(t,e){return $j(t[0],t[1],e)},Tj=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e),o=$j(t[2],t[3],e),i=$j(n,r,e),a=$j(r,o,e),c=$j(i,a,e);return{first:[t[0],n,i,c],second:[c,a,o,t[3]]}},Rj=function(t,e){var n=$j(t[0],t[1],e),r=$j(t[1],t[2],e),o=$j(n,r,e);return{first:[t[0],n,o],second:[o,r,t[2]]}},Dj=function(t,e){var n=$j(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}};function Vj(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 Aj(t,e,n){return function(t,e){return n}}function Ij(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 Lj(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}function Mj(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=rn.parse(n),c=rn.parse(r);return a.unit===c.unit?Vj(t,e,a.value,c.value,a.unit):a.equals(c)?Aj(0,0,a):function(n,r){var u=Ij(t,e,a,o,i),s=Ij(t,e,c,o,i);return 0===r?u:1===r?s:Lj(t,e,rn.px(u.value+(s.value-u.value)*n),a.unit,o,i)}}function Bj(t,e){for(var n=0;n<e.length;n++){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 zj=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":rn.px(0),"border-top-left-radius":rn.px(0),"border-top-right-radius":rn.px(0),"border-bottom-right-radius":rn.px(0),"border-bottom-left-radius":rn.px(0)},n=t.split(" ").filter((function(t){return rn.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)&&Bj(e.prototype,n),r&&Bj(e,r),t}(),Fj=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 Gj(t,e,n,r){for(var o=Fj(zj.parseStyle(n)),i=Fj(zj.parseStyle(r)),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++)c[u]=Mj(t,e,o[u],i[u]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function Hj(t){return(Hj="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xj(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Nj(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Kj(t,e){for(var n=0;n<e.length;n++){var 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){return!e||"object"!==Hj(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uj(t,e,n){return(Uj="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 qj(t,e){return(qj=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Jj=function(t){function e(){return Nj(this,e),Wj(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&&qj(t,e)}(e,t),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=we(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 ke(t,r.matches)})),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:rn.parse(a[0]||"0px"),offsetY:rn.parse(a[1]||"0px"),blurRadius:rn.parse(a[2]||"0px"),spreadRadius:rn.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 Uj(Zj(e.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.px(0),spreadRadius:rn.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]:{};e%2?Yj(Object(n),!0).forEach((function(e){Xj(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Uj(Zj(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=Uj(Zj(e.prototype),"convert",this).call(this,t)).offsetX=rn.parse(t.offsetX),t.offsetY=rn.parse(t.offsetY),t.blurRadius=rn.parse(t.blurRadius),t.spreadRadius=rn.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)}}])&&Kj(n.prototype,r),o&&Kj(n,o),e}(zo);function Qj(t,e,n,r){return function(t,e){return 1===e?r:n}}function tS(t,e,n,r){var o=Fe.parse(n||"rgba(0, 0, 0, 1)"),i=Fe.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:$e(o,i,t,"rgb")}}function eS(t,e,n,r){for(var o=Jj.parseStyle(n),i=Jj.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||Jj.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||Jj.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Qj(0,0,l.inset,f.inset),offsetX:Mj(t,e,l.offsetX,f.offsetX),offsetY:Mj(t,e,l.offsetY,f.offsetY),blurRadius:Mj(t,e,l.blurRadius,f.blurRadius),spreadRadius:Mj(t,e,l.spreadRadius,f.spreadRadius),color:tS(0,0,l.color,f.color)})}return function(t,e){return Jj.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 nS(t,e,n,r){return Qj(0,0,n,r)}var rS=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 oS(){return rS(1,"start")}function iS(){return rS(1,"end")}var aS=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},cS={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 rS(t,e)},"step-start":oS,"step-end":iS,stepStart:oS,stepEnd:iS,"ease-out-elastic":aS,easeOutElastic:aS};function uS(t,e,n){return n.toDeg()}function sS(t,e,n,r){var o=rn.parse(n),i=rn.parse(r);return function(t,e){var n=uS(0,0,o),r=uS(0,0,i);return 0===e?n:1===e?r:rn.deg(n.value+(r.value-n.value)*t).to(o.unit)}}function lS(t){return(lS="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 yS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dS(t,e){return!e||"object"!==lS(e)&&"function"!=typeof e?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,e,n){return(vS="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=bS(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 bS(t){return(bS=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 mS,wS=function(t){function e(){return yS(this,e),dS(this,bS(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,o=[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=we(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:rn.parse(i[0]||"0px"),offsetY:rn.parse(i[1]||"0px"),blurRadius:rn.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 vS(bS(e.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.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]:{};e%2?fS(Object(n),!0).forEach((function(e){pS(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},vS(bS(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=vS(bS(e.prototype),"convert",this).call(this,t)).offsetX=rn.parse(t.offsetX),t.offsetY=rn.parse(t.offsetY),t.blurRadius=rn.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)}}])&&hS(n.prototype,r),o&&hS(n,o),e}(zo);function OS(t,e,n,r){for(var o=wS.parseStyle(n),i=wS.parseStyle(r),a=Math.max(o.length,i.length),c=[],u=0,s=a;u<s;u++){var l=o[u]||wS.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=i[u]||wS.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:Mj(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:Mj(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:Mj(t,e,l.blurRadius,f.blurRadius,"radius"),color:tS(0,0,l.color,f.color)})}return function(t,e){return wS.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 kS(t,e,n,r){var o={cut:Qj(0,0,n.cut,r.cut),percent:Vj(t,e,n.percent,r.percent),px:Vj(t,e,n.px,r.px),em:Vj(t,e,n.em,r.em),unit:nS(0,0,n.unit,r.unit),color:tS(0,0,n.color,r.color)};return function(t,e){return new Bc({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 jS(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?kS(t,e,c,u):Qj(0,0,c,u)}return function(t,e){return i.map((function(n){return n(t,e)}))}}function SS(t,e,n,r){var o={angle:Vj(t,e,n.angle,r.angle),colorsteps:jS(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=o.colorsteps(t,e);return new Au({angle:o.angle(t,e),colorsteps:n})}}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}PS(mS={},"center",!0),PS(mS,"top",!0),PS(mS,"left",!0),PS(mS,"right",!0),PS(mS,"bottom",!0);function xS(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 $S(t,e,n,r){n.radialPosition[0]=xS(n.radialPosition[0],"width"),n.radialPosition[1]=xS(n.radialPosition[1],"height"),r.radialPosition[0]=xS(r.radialPosition[0],"width"),r.radialPosition[1]=xS(r.radialPosition[1],"height");var o={radialType:nS(0,0,n.radialType,r.radialType),radialPositionX:Mj(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Mj(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jS(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new os({radialType:o.radialType(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function ES(t,e,n,r){var o={angle:Vj(t,e,n.angle,r.angle),radialPositionX:Mj(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Mj(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jS(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new Es({angle:o.angle(t,e),radialPosition:[o.radialPositionX(t,e),o.radialPositionY(t,e)],colorsteps:o.colorsteps(t,e)})}}function _S(t,e,n,r){var o={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)o.image=Qj(0,0,n,r);else if(n.type!=r.type)o.image=Qj(0,0,n,r);else switch(n.type){case"linear-gradient":o.image=SS(t,e,n,r);break;case"repeating-linear-gradient":o.image=function(t,e,n,r){var o=SS(t,e,n,r);return function(t,e){var n=o(t,e),r=new Yu({angle:n.angle,colorsteps:n.colorsteps});return console.log(r),r}}(t,e,n,r);break;case"radial-gradient":o.image=$S(t,e,n,r);break;case"repeating-radial-gradient":o.image=function(t,e,n,r){var o=$S(t,e,n,r);return function(t,e){var n=o(t,e);return new ys({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":o.image=ES(t,e,n,r);break;case"repeating-conic-gradient":o.image=function(t,e,n,r){var o=ES(t,e,n,r);return function(t,e){var n=o(t,e);return new Is({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return o.image(t,e)}}function CS(t,e,n,r){for(var o=Zs.parseStyle(J(n)),i=Zs.parseStyle(J(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:Aj(0,0,l.image),size:Aj(0,0,l.size),width:Aj(0,0,l.width),height:Aj(0,0,l.height),x:Aj(0,0,l.x),y:Aj(0,0,l.y),blendMode:Aj(0,0,l.blendMode),repeat:Aj(0,0,l.repeat)}):!l&&f?c.push({image:Aj(0,0,f.image),size:Aj(0,0,f.size),width:Aj(0,0,f.width),height:Aj(0,0,f.height),x:Aj(0,0,f.x),y:Aj(0,0,f.y),blendMode:Aj(0,0,f.blendMode),repeat:Aj(0,0,f.repeat)}):l&&f&&c.push({image:_S(t,e,l.image,f.image),size:nS(0,0,l.size,f.size),width:Mj(t,e,l.width,f.width,"width","self"),height:Mj(t,e,l.height,f.height,"height","self"),x:Mj(t,e,l.x,f.x,"width","self"),y:Mj(t,e,l.y,f.y,"height","self"),blendMode:nS(0,0,l.blendMode,f.blendMode),repeat:nS(0,0,l.repeat,f.repeat)})}return function(t,e){return Zs.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 TS(t){return(TS="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 DS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DS(Object(n),!0).forEach((function(e){AS(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AS(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function IS(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MS(t,e,n){return e&&LS(t.prototype,e),n&&LS(t,n),t}function BS(t,e){return!e||"object"!==TS(e)&&"function"!=typeof e?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){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function HS(t,e){return(HS=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YS=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,XS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zS(FS(e.prototype),"getDefaultObject",this).call(this,VS({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=rP[t.type];return e?new e(t):new KS({value:t.type})}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=we(t);return(r.str.match(YS)||[]).forEach((function(t,o){var i=RS(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:rn.parse(l[0]),offsetY:rn.parse(l[1]),blurRadius:rn.parse(l[2]),color:s[0]||"rgba(0, 0, 0, 1)"})}else n[o]=e.parse({type:a,value:rn.parse(c)})})),n}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(" ")}}]),e}(zo),NS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"blur",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return VS({},zS(FS(e.prototype),"toCloneObject",this).call(this),{value:rn.parse(this.json.value)})}}]),e}(XS);NS.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:rn.px(0)};var KS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"svg",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return VS({},zS(FS(e.prototype),"toCloneObject",this).call(this),{value:rn.parse(this.json.value)})}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),e}(XS);KS.spec={inputType:"select",defaultValue:""};var WS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return VS({},zS(FS(e.prototype),"toCloneObject",this).call(this),{value:rn.parse(this.json.value)})}}]),e}(XS);WS.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(0)};var US=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:e.spec.defaultValue})}}]),e}(XS);US.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:rn.deg(0)};var ZS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"invert",value:e.spec.defaultValue})}}]),e}(XS);ZS.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(0)};var qS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:e.spec.defaultValue})}}]),e}(XS);qS.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var JS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:e.spec.defaultValue})}}]),e}(XS);JS.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var QS=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:e.spec.defaultValue})}}]),e}(XS);QS.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var tP=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:e.spec.defaultValue})}}]),e}(XS);tP.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(100)};var eP=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(e.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:e.spec.defaultValue})}}]),e}(XS);eP.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:rn.percent(0)};var nP=function(t){function e(){return IS(this,e),BS(this,FS(e).apply(this,arguments))}return GS(e,t),MS(e,[{key:"getDefaultObject",value:function(){return zS(FS(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}(XS);nP.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:rn.px(0),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:rn.px(0),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:rn.px(0),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var rP={blur:NS,grayscale:WS,"hue-rotate":US,invert:ZS,brightness:qS,contrast:JS,opacity:QS,saturate:tP,sepia:eP,"drop-shadow":nP,svg:KS},oP={BlurFilter:NS,GrayscaleFilter:WS,HueRotateFilter:US,InvertFilter:ZS,BrightnessFilter:qS,ContrastFilter:JS,OpacityFilter:QS,SaturateFilter:tP,SepiaFilter:eP,DropshadowFilter:nP,URLSvgFilter:KS};function iP(t,e,n,r){var o={type:nS(0,0,n.type,r.type),value:Qj(0,0,n.value,r.value)};switch(n.type){case"blur":o.value=Mj(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=Vj(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":o.offsetX=Mj(t,e,n.offsetX,r.offsetX,"width","self"),o.offsetY=Mj(t,e,n.offsetY,r.offsetY,"height","self"),o.blurRadius=Mj(t,e,n.blurRadius,r.blurRadius,"width","self"),o.spreadRadius=Mj(t,e,n.spreadRadius,r.spreadRadius,"width","self"),o.color=tS(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 aP(t,e,n,r){for(var o=XS.parseStyle(n),i=XS.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(Aj(0,0,l)):!l&&f?c.push(Aj(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Qj(0,0,l,f)):c.push(iP(t,e,l,f))}return function(t,e){return XS.join(c.map((function(n){return n(t,e)})))}}function cP(t,e,n,r){var o=Ld.parseStyle(n),i=Ld.parseStyle(r),a={type:Qj(0,0,o.type,o.type),value:Qj(0,0,n,r)};if(o.type==i.type&&"none"!=o)switch(o.type){case"circle":o.value=Ld.parseStyleForCircle(o.value),i.value=Ld.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=Qj(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=Mj(t,e,n.radius,r.radius,"width","self"),o.x=Mj(t,e,n.x,r.x,"width","self"),o.y=Mj(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=Ld.parseStyleForEllipse(o.value),i.value=Ld.parseStyleForEllipse(i.value),a.value=function(t,e,n,r){var o={radiusX:Mj(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:Mj(t,e,n.radiusY,r.radiusY,"height","self"),x:Mj(t,e,n.x,r.x,"width","self"),y:Mj(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=Ld.parseStyleForInset(o.value),i.value=Ld.parseStyleForInset(i.value),a.value=function(t,e,n,r){var o={top:Vj(t,e,n.top.value,r.top.value,n.top.unit),left:Vj(t,e,n.left.value,r.left.value,n.left.unit),right:Vj(t,e,n.right.value,r.right.value,n.right.unit),bottom:Vj(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Qj(0,0,n.round,r.round),topRadius:Vj(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Vj(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Vj(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Vj(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(" "),y=[u,f,l,s].join(" ");return"".concat(p," ").concat(c&&y.trim()?"round ".concat(y):"")}}(t,e,o.value,i.value);break;case"polygon":o.value=Ld.parseStyleForPolygon(o.value),i.value=Ld.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:Aj(0,0,c.x),y:Aj(0,0,c.y)}):!c&&u?i.push({x:Aj(0,0,u.x),y:Aj(0,0,u.y)}):i.push({x:Mj(t,e,c.x,u.x,"width","self"),y:Mj(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=Ld.parseStyleForPath(o.value),i.value=Ld.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 uP(t,e,n,r){for(var o={type:Qj(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(Mj(t,e,u,s,n.type)):i.push(Mj(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 sP(t,e,n,r){for(var o={type:Qj(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(Vj(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(Vj(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 rn.number(t)}))),{type:r,value:n}}}function lP(t,e,n,r){for(var o={type:Qj(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(sS(0,0,u,s)):i.push(sS(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 fP(t,e,n,r){for(var o=ti.parseStyle(n.trim()),i=ti.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(Aj(0,0,s));else if(!s&&l)c.push(Aj(0,0,l));else if(s.type!=l.type)c.push(Qj(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(uP(t,e,s,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(lP(0,0,s,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(sP(t,e,s,l))}}return function(t,e){return ti.join(c.map((function(n){return n(t,e)})))}}function pP(t,e,n,r){for(var o=n.split(" ").map((function(t){return rn.parse(t)})),i=r.split(" ").map((function(t){return rn.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Mj(t,e,s,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function yP(t,e,n,r){for(var o=n.split(" ").map((function(t){return rn.parse(t)})),i=r.split(" ").map((function(t){return rn.parse(t)})),a=Math.max(o.length,i.length),c=[],u=0;u<a;u++){var s=o[u],l=i[u];c.push(Mj(t,e,s,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function hP(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(Vj(t,e,s,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}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 vP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 bP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 wP(t){return(wP=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)}var kP=/[\b\t \,]/g,jP=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return bP(this,e),mP(this,wP(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&&OP(t,e)}(e,t),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;L(t)&&(t=t.join(" "));for(var e=t.trim().split(kP).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 ha,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=vP(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()}}])&&gP(n.prototype,r),o&&gP(n,o),e}(aa);function SP(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(Vj(t,e,s,c)):!s&&l?i.push(Vj(t,e,a,l)):i.push(Vj(t,e,s,l))}return function(t,e){return i.map((function(n){return n(t,e)}))}}function PP(t,e,n,r){for(var o=new aa,i=new aa(n),a=new aa(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:Aj(0,0,l.command),values:SP(t,e,l.values,f.values)}):u.push({command:Aj(0,0,l.command),values:Aj(0,0,l.values)}):u.push({command:Qj(0,0,l.command,f.command),values:Qj(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 xP(t,e,n,r){for(var o=new jP,i=new jP(n),a=new jP(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,y=0;y<c;y++){var h=i.segments[y],d=a.segments[y];h&&!d?u.push({x:Vj(t,e,h.x,f),y:Vj(t,e,h.y,p)}):!h&&d?u.push({x:Vj(t,e,s,d.x),y:Vj(t,e,l,d.y)}):u.push({x:Vj(t,e,h.x,d.x),y:Vj(t,e,h.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 $P(t,e,n,r){var o={x:Vj("","",t,n),y:Vj("","",e,r)};return function(t,e){return{x:o.x(t,e),y:o.y(t,e)}}}function EP(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 _j(a,e)}}function _P(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 Ej(u,e)}}function CP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 TP(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var o=CP(t.values,2),i=o[0],a=o[1];n=[i,a];break;case"m":var c=CP(n,2),u=c[0],s=c[1],l=CP(t.values,2);i=l[0],a=l[1];n=[i+=u,a+=s];break;case"L":var f=CP(n,2),p=(u=f[0],s=f[1],CP(t.values,2));i=p[0],a=p[1];e.push({command:t.command,values:[u,s,i,a],length:vt(u,s,i,a),interpolate:$P(u,s,i,a)}),n=[i,a];break;case"l":var y=CP(n,2),h=(u=y[0],s=y[1],CP(t.values,2));i=h[0],a=h[1];i+=u,a+=s,e.push({command:t.command,values:[u,s,i,a],length:vt(u,s,i,a),interpolate:$P(u,s,i,a)}),n=[i,a];break;case"C":var d=CP(n,2),v=(u=d[0],s=d[1],CP(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:wj(u,s,b,g,m,w,i,a),interpolate:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"c":var O=CP(n,2),k=(u=O[0],s=O[1],CP(t.values,6));b=k[0],g=k[1],m=k[2],w=k[3],i=k[4],a=k[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:wj(u,s,b,g,m,w,i,a),interpolate:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break;case"Q":var j=CP(n,2),S=(u=j[0],s=j[1],CP(t.values,4));b=S[0],g=S[1],i=S[2],a=S[3];e.push({command:t.command,values:[u,s,b,g,i,a],length:Oj(u,s,b,g,i,a),interpolate:EP(u,s,b,g,i,a)}),n=[i,a];break;case"q":var P=CP(n,2),x=(u=P[0],s=P[1],CP(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:Oj(u,s,b,g,i,a),interpolate:EP(u,s,b,g,i,a)}),n=[i,a];break;case"S":var $=CP(n,2),E=(u=$[0],s=$[1],CP(t.values,4)),_=(m=E[0],w=E[1],i=E[2],a=E[3],e[e.length-1]);if(["C","c","S","s"].includes(_.command)){var C=CP(_.values,8),T=(C[0],C[1],C[2],C[3],C[4]),R=C[5],D=C[6],V=C[7],A=Ji.getReversePoint({x:D,y:V},{x:T,preC1y:R});b=A.x,g=A.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:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"s":var I=CP(n,2),L=(u=I[0],s=I[1],CP(t.values,4));m=L[0],w=L[1],i=L[2],a=L[3];m+=u,i+=u,w+=s,a+=s;_=e[e.length-1];if(["C","c","S","s"].includes(_.command)){var M=CP(_.values,8),B=(M[0],M[1],M[2],M[3],T=M[4],R=M[5],D=M[6],V=M[7],Ji.getReversePoint({x:D,y:V},{x:T,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:_P(u,s,b,g,m,w,i,a)}),n=[i,a];break}case"T":var z=CP(n,2),F=(u=z[0],s=z[1],CP(t.values,2));i=F[0],a=F[1],_=e[e.length-1];if(["Q","q","T","t"].includes(_.command)){var G=CP(_.values,6),H=(G[0],G[1],T=G[2],R=G[3],D=G[4],V=G[5],Ji.getReversePoint({x:D,y:V},{x:T,preC1y:R}));b=H.x,g=H.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:Oj(u,s,b,g,i,a),interpolate:EP(u,s,b,g,i,a)}),n=[i,a]}break;case"t":var Y=CP(n,2),X=(u=Y[0],s=Y[1],CP(t.values,2));i=X[0],a=X[1];i+=u,a+=s;_=e[e.length-1];if(["Q","q","T","t"].includes(_.command)){var N=CP(_.values,6),K=(N[0],N[1],T=N[2],R=N[3],D=N[4],V=N[5],Ji.getReversePoint({x:D,y:V},{x:T,preC1y:R}));b=K.x,g=K.y;e.push({command:t.command,values:[u,s,b,g,i,a],length:Oj(u,s,b,g,i,a),interpolate:EP(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 RP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function VP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 AP(t,e,n,r,o){var i=VP(n.split(",").map((function(t){return t.trim()})),4),a=i[0],c=i[1],u=i[2],s=i[3],l={id:a,distance:rn.parse(c||"0%"),rotateStatus:u||"auto",rotate:rn.parse(s||"0deg")},f=function(t,e){return{x:x,y:y}},p=0,h=0;if(o){var d=o.searchById(l.id);d&&(p=d.screenX.value,h=d.screenY.value),f=function(t,e,n){var r=TP(new aa(d.d||"").segments),o=r.totalLength,i=r.interpolateList,a=l.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 s=(e-c.startT)/(c.endT-c.startT),f=n(s);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RP(Object(n),!0).forEach((function(e){DP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},c.interpolate(f,s,n),{totalLength:c.totalLength})}}return function(e,n,r){var o=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return rn.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"===l.rotateStatus);else{var s=c,y=0;n<1&&(y=1/c.totalLength);var d=f(e+y,n+y,r),v=bt(d.x-s.x,d.y-s.y),b=rn.deg(function(t,e){var n=0;switch(t){case"angle":n=l.rotate.value;break;case"auto angle":n=e+l.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(l.rotateStatus,v));t.reset({transform:ti.rotate(t.transform,b)})}return u}}function IP(t,e,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var o=r.length-1,i=0;return function(t,e){return 0===e?"":1===e?r:r.substring(i,Math.floor((o-i)*e))}}function LP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 MP(t,e,n,r,o,i){var a=i.$("video").el,c=LP(n.split(":"),3),u=c[0],s=(c[1],+(u||0)*+(c[2]||1));return function(e,n){0===n?(a.currentTime=s,a.paused&&a.play()):1===n?(t.reset({currentTime:a.currentTime}),a.pause()):a.paused&&a.play()}}function BP(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 zP(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 FP=function(){return function(t,e){}};function GP(t,e,n,r,o,i,a){var c=o||e;switch(c){case"width":case"x":return Mj(t,e,n,r,"width");case"height":case"y":return Mj(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 Mj(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Vj(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return tS(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return nS(0,0,n,r);case"rotate":return sS(0,0,n,r)}var u=function(t){switch(t){case"border-radius":return Gj;case"border":return makeInterpolateBorder;case"box-shadow":return eS;case"text-shadow":return OS;case"background-image":case"BackgroundImageEditor":return CS;case"filter":case"backdrop-filter":return aP;case"clip-path":return cP;case"transform":return fP;case"transform-origin":return pP;case"perspective-origin":return yP;case"stroke-dasharray":return hP;case"d":return PP;case"points":return xP;case"offset-path":return AP;case"text":return IP;case"playTime":return MP}}(c);return u?u(t,e,n,r,i,a):FP}function HP(t,e,n,r,o,i,a){return GP(t,e,n,r,o,i,a)}function YP(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=zP(e,2),r=n[0],o=n[1];o=(o||"").split(")")[0].trim();var i=cS[r];if(i){var a=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return i.apply(void 0,BP(a))}return XP(t)}function XP(t){var e=xj(t);return function(t){return e(t).y}}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){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 WP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function UP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?WP(Object(n),!0).forEach((function(e){ZP(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):WP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZP(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function qP(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 tx(t,e,n){return(tx="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=ex(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 ex(t){return(ex=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)}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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ix(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ox(Object(n),!0).forEach((function(e){ax(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ox(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 cx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 sx(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 lx(t,e,n){return(lx="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=fx(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 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 yx=function(t){function e(){return cx(this,e),sx(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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return lx(fx(e.prototype),"getDefaultObject",this).call(this,ix({itemType:"artboard",name:"New ArtBoard",width:rn.px(1e3),height:rn.px(1e3),"background-color":"white"},t))}},{key:"isLeaf",value:function(){return!1}},{key:"toCloneObject",value:function(){return ix({},lx(fx(e.prototype),"toCloneObject",this).call(this),{name:this.json.name})}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return tv.artboard}},{key:"toDefaultCSS",value:function(){return ix({},lx(fx(e.prototype),"toDefaultCSS",this).call(this))}}])&&ux(n.prototype,r),o&&ux(n,o),e}(function(t){function e(){return qP(this,e),QP(this,ex(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return tx(ex(e.prototype),"getDefaultObject",this).call(this,UP({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&tx(ex(e.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){I(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,o=this.getTimelineProperty(t,e),i=this.searchById(t),a="".concat(t,".").concat(e);if(1!==o.keyframes.length){var c=un.body().$('[data-id="'.concat(t,'"]')),u=o.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[a]=o.keyframes.map((function(t,e){var a=t,s=o.keyframes[e+1];t.editor=u,s||(s={time:t.time,value:t.value+""});var l={layer:i,layerElement:c,property:o.property,isOnlyTime:a.time===s.time,startTime:t.time,endTime:s.time,startValue:t.value,endValue:s.value,timing:t.timing,interpolateFunction:HP(i,o.property,t.value,s.value,t.editor,r,c),timingFunction:YP(t.timing)};return l.func=n.makeTimingFunction(l),l})).filter((function(t){return t}))}else this.json.compiledTimeline[a]=[]}},{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,n,t.timingFunction)}}},{key:"stop",value:function(t){var e=this.getSelectedTimeline();if(e){var n=e.currentTime;this.searchTimelineOffset(n).forEach((function(t){if("playTime"===t.property){var e=t.layerElement.$("video");e&&e.el.pause()}}))}}},{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){I(t)&&this.setTimelineCurrentTime(t);var r=n.currentTime;this.searchTimelineOffset(r).filter(e).forEach((function(t){"offset-path"===t.property||"playTime"===t.property?t.func(r):t.layer&&t.layer.reset(ZP({},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,KP(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){cc(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){cc(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=jt(),r=UP({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();if(r||(r=this.addTimeline(e,n)),r.selected=!0,t){var o=r.animations.filter((function(e){return e.id===t}));o[0]||r.animations.push({id:t,properties:[]})}}},{key:"getTimelineLayerInfo",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=ac(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:cc(t,0),totalTimecode:cc(t,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{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=uc(n,o=+o)),i>r&&(i=r);var a=ac(n,i);e.currentTime=a,e.currentTimecode=cc(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(cc(o,i))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=uc(e.fps,n)),ac(e.fps,r)<e.displayEndTime&&(e.displayEndTime=ac(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=ac(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&&(I(i)&&(a.time=i),I(r)&&(a.value=r),I(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=A(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:jt(),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",s="";a.length&&(a.sort((function(t,e){return t.time>e.time?-1:1})),c=a[0].value+"",u=a[0].timing+"",s=a[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:u,editor:s})}}},{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=cc(t,e.currentTime),e.totalTimecode=cc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return UP({},tx(ex(e.prototype),"toCloneObject",this).call(this),{timeline:Y(this.json.timeline)})}}])&&JP(n.prototype,r),o&&JP(n,o),e}(Zd));function hx(t){return(hx="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function dx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dx(Object(n),!0).forEach((function(e){bx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 gx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function mx(t,e){for(var n=0;n<e.length;n++){var 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"!==hx(e)&&"function"!=typeof e?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,e,n){return(Ox="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 jx(t,e){return(jx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("artboard",yx);var Sx=function(t){function e(){return gx(this,e),wx(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&&jx(t,e)}(e,t),n=e,o=[{key:"getIcon",value:function(){return tv.image}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ox(kx(e.prototype),"getDefaultObject",this).call(this,vx({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"getIcon",value:function(){return tv.image}},{key:"toCloneObject",value:function(){return vx({},Ox(kx(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 n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=this.json.src;n&&t.$("img").attr("src",r),Ox(kx(e.prototype),"updateFunction",this).call(this,t,n)}},{key:"toNestedCSS",value:function(){return this.json,vx({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","background-color","opacity"),{},this.toClipPathCSS(),{},this.toBackgroundImageCSS(),{},this.toBorderCSS()),[{selector:"img",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=this.toCSS();return n?(delete c.left,delete c.top,"absolute"===c.position&&delete c.position,this.wrapperRootSVG(t,e,o,i,'\n        <img style="'.concat(q(c),'" src="').concat(a,' "/>\n      '))):"\n        ".concat(this.toDefString,'      \n        <img style="').concat(q(c),'" src="').concat(a,' "/>\n      ')}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src;return("\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <img src='").concat(r,"' />\n      </div>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&mx(n.prototype,r),o&&mx(n,o),e}(fv);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 xx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 Ex(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 _x(t){return(_x=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Cx(t,e){return(Cx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("image",Sx);var Tx=function(t){function e(){return xx(this,e),Ex(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&&Cx(t,e)}(e,t),n=e,(r=[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}])&&$x(n.prototype,r),o&&$x(n,o),e}(qc);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 Dx(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Vx(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 Ax(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ix(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ax(Object(n),!0).forEach((function(e){Lx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ax(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 Mx(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 Fx(t,e,n){return(Fx="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=Gx(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 Gx(t){return(Gx=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Hx(t,e){return(Hx=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Yx=function(t){function e(){return Mx(this,e),zx(this,Gx(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Hx(t,e)}(e,t),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=we(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=ke(t,n.matches),o.push.apply(o,Vx(Bc.parse(t)));else{var i=Dx(t.split(" "),5),a=i[0],c=i[1],u=i[2],s=i[3],l=i[4];r.x1=rn.parse(a),r.y1=rn.parse(c),r.x2=rn.parse(u),r.y2=rn.parse(s),r.spreadMethod=l||"pad"}})),new e(Ix({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(t){return Fx(Gx(e.prototype),"getDefaultObject",this).call(this,Ix({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Ix({},Fx(Gx(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(Q({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,")")}}])&&Bx(n.prototype,r),o&&Bx(n,o),e}(Tx);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 Nx(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Kx(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 Wx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ux(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wx(Object(n),!0).forEach((function(e){Zx(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zx(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jx(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Qx(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 t$(t,e,n){return(t$="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=e$(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 e$(t){return(e$=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n$(t,e){return(n$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var r$=function(t){function e(){return qx(this,e),Qx(this,e$(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n$(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=we(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=ke(t,n.matches),o.push.apply(o,Kx(Bc.parse(t)));else{var i=Nx(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(Ux({},r,{colorsteps:o}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t$(e$(e.prototype),"getDefaultObject",this).call(this,Ux({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 Ux({},t$(e$(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(Q({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,")")}}])&&Jx(n.prototype,r),o&&Jx(n,o),e}(Tx);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 i$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function a$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function c$(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 s$(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 l$(t,e,n){return(l$="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 p$(t,e){return(p$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y$=function(t){function e(){return c$(this,e),s$(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&&p$(t,e)}(e,t),n=e,o=[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new Bc({color:t,percent:0,index:0}),new Bc({color:t,percent:100,index:0})]})}}],(r=[{key:"getDefaultObject",value:function(){return l$(f$(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Bc({color:"red",percent:0,index:0}),new Bc({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]:{};e%2?i$(Object(n),!0).forEach((function(e){a$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):i$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},l$(f$(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}}])&&u$(n.prototype,r),o&&u$(n,o),e}(Tx);function h$(t){return(h$="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 v$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function b$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?v$(Object(n),!0).forEach((function(e){g$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):v$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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 O$(t,e){return!e||"object"!==h$(e)&&"function"!=typeof e?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,e,n){return(k$="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 S$(t,e){return(S$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var P$=["jpg","jpeg","png","gif","svg"];var x$=function(t){function e(){return m$(this,e),O$(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&&S$(t,e)}(e,t),n=e,o=[{key:"parse",value:function(t){var n=d$(t.split("(")[1].split(")")[0].trim().split("#"),2),r=n[0],o=n[1];if(!o)return new e({url:r});var i=d$(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 P$.includes(t)}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return k$(j$(e.prototype),"getDefaultObject",this).call(this,b$({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return b$({},k$(j$(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=this.json,e=t.patternUnits,n=t.patternWidth,r=t.patternHeight,o=t.imageX,i=t.imageY,a=t.imageWidth,c=t.imageHeight,u=t.url,s=[e,n,r,o,i,a,c].join(",").trim();return"url(".concat(u,"#").concat(s,")")}},{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(Q({id:t,patternUnits:n,width:r,height:o}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(Q({x:i,y:a,width:c,height:u,preserveAspectRatio:"none"})," />\n  </pattern>\n      "))}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}])&&w$(n.prototype,r),o&&w$(n,o),e}($c);function $$(t){return($$="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?E$(Object(n),!0).forEach((function(e){C$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function C$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function T$(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 D$(t,e){return!e||"object"!==$$(e)&&"function"!=typeof e?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 A$(t,e){return(A$=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var I$=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,L$=function(t){function e(){return T$(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&&A$(t,e)}(e,t),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 Yx(_$({},r,{colorsteps:n}));case"radial-gradient":return new r$(_$({},r,{colorsteps:n}));default:return new y$(_$({},r,{colorsteps:n}))}}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=we(t),n=null,r=e.str.match(I$);return r?(r.forEach((function(t,r){t=ke(t,e.matches),n=t.includes("linear")?Yx.parse(t):t.includes("radial")?r$.parse(t):t.includes("url")?x$.parse(t):y$.parse(t)})),n):y$.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Yx(t);case"radial-gradient":return new r$(t);case"image-resource":case"url":return new x$(t);default:return new y$(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}}])&&R$(n.prototype,r),o&&R$(n,o),e}(zo);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 B$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?B$(Object(n),!0).forEach((function(e){F$(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):B$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function F$(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function G$(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function H$(t,e){for(var n=0;n<e.length;n++){var 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"!==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 X$(t,e,n){return(X$="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=N$(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 N$(t){return(N$=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 W$=function(t){function e(){return G$(this,e),Y$(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&&K$(t,e)}(e,t),n=e,(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return X$(N$(e.prototype),"getDefaultObject",this).call(this,z$({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 z$({},X$(N$(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 z$({},X$(N$(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 z$({},this.toDefaultSVGCSS(),{},this.toKeyListCSS("stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"))}},{key:"toLayoutCSS",value:function(){return{}}},{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(un.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 L$.parseImage(this.json.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return L$.parseImage(this.json.stroke||"black").toSVGString(this.strokeId)}},{key:"toFillValue",get:function(){return L$.parseImage(this.json.fill||"transparent").toFillValue(this.fillId)}},{key:"toFillOpacityValue",get:function(){return Fe.parse(this.json.fill||"transparent").a}},{key:"toStrokeValue",get:function(){return L$.parseImage(this.json.stroke||"black").toFillValue(this.strokeId)}},{key:"toFilterValue",get:function(){return this.json.svgfilter?"url(#".concat(this.json.svgfilter,")"):""}}])&&H$(n.prototype,r),o&&H$(n,o),e}(fv);function U$(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)}}var q$=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=U$(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=U$(t.dataTransfer.files)),[].concat(U$(e),U$(n))}}],(n=null)&&Z$(e.prototype,n),r&&Z$(e,r),t}(),J$=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],Q$=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],tE=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),eE={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},nE={d:!0},rE={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},oE=function(t){return eE[t]||!1},iE=function(t){return nE[t]||!1},aE=function(t){return rE[t]||!1};function cE(t){return(cE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uE(Object(n),!0).forEach((function(e){lE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pE(t,e){for(var n=0;n<e.length;n++){var 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"!==cE(e)&&"function"!=typeof e?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,e,n){return(hE="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=dE(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 dE(t){return(dE=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 bE=function(t){function e(){return fE(this,e),yE(this,dE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIcon",value:function(){return tv.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return hE(dE(e.prototype),"getDefaultObject",this).call(this,sE({itemType:"svg-path",name:"New Path","stroke-width":5,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 aa(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.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=hE(dE(e.prototype),"convert",this).call(this,t)).d&&(t.path=new aa(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return sE({},hE(dE(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,segments:Y(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return oE(t.property)&&iE(t.property)})),n=t.filter((function(t){return aE(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path");r.attr("d",this.json.d),e&&(r.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue}),this.updateDefString(t)),n&&(this.json.totalLength=r.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(Q(sE({class:"svg-path-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:q(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(tt(e),"'  ").concat(Q({"motion-based":this.json["motion-based"],xmlns:"http://www.w3.org/2000/svg"}),'  data-id="').concat(t,'" >\n    ').concat(this.toDefString,"\n    <path ").concat(Q({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)}}])&&pE(n.prototype,r),o&&pE(n,o),e}(W$);function gE(t){return(gE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mE(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 wE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wE(Object(n),!0).forEach((function(e){kE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}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 jE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PE(t,e){return!e||"object"!==gE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function xE(t,e,n){return(xE="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=$E(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 $E(t){return($E=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function EE(t,e){return(EE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("svg-path",bE);var _E=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,CE=function(t){function e(){return jE(this,e),PE(this,$E(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&EE(t,e)}(e,t),n=e,o=[{key:"toCSS",value:function(t){return new ClipPath(t).toCSS()}},{key:"toString",value:function(t){return ClipPath.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new ClipPath(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(_E)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=mE(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 rn("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=mE(t.split("at").map((function(t){return t.trim()})),2);e=r[0],n=r[1]}else n=t.trim();var o=mE(n.split(" "),2),i=o[0],a=o[1];return A(a)&&(a=i),{radius:e,x:i=rn.parse(i),y:a=rn.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=t.split("at").map((function(t){return t.trim()})),o=mE(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=mE(i,2),c=a[0],u=a[1];A(u)&&(u=c),c=rn.parse(c),u=rn.parse(u);var s=e.split(" "),l=mE(s,2),f=l[0],p=l[1];return A(p)&&(p=f),{radiusX:f=rn.parse(f),radiusY:p=rn.parse(p),x:c,y:u}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=mE(e,2),r=n[0],o=n[1],i=Sd.parse(r),a=mE(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=Sd.parse(o),y=mE(p,5),h=y[0],d=y[1],v=y[2],b=y[3],g=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:g}}},{key:"parseStyleForPolygon",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=mE(t.trim().split(" "),2),n=e[0],r=e[1];return{x:rn.parse(n),y:rn.parse(r)}}))}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return xE($E(e.prototype),"getDefaultObject",this).call(this,OE({itemType:"shape",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return OE({},xE($E(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()}}}])&&SE(n.prototype,r),o&&SE(n,o),e}(zo);function TE(t){return(TE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RE(Object(n),!0).forEach((function(e){VE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VE(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function AE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 LE(t,e){return!e||"object"!==TE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function ME(t,e,n){return(ME="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=BE(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 BE(t){return(BE=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zE(t,e){return(zE=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FE=function(t){function e(){return AE(this,e),LE(this,BE(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zE(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ME(BE(e.prototype),"getDefaultObject",this).call(this,DE({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":rn.number(100),textLength:rn.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"toShapeInsideCSS",value:function(){var t=this.json["shape-inside"];switch(CE.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.shapeInsideId,")")}return{"shape-inside":t,"inline-size":this.json.width}}},{key:"updatePathItem",value:function(t){this.json.d=t.d,this.json.totalLength=t.totalLength,this.json.path=new aa(t.d),t.segments&&this.json.path.resetSegment(t.segments)}},{key:"setCache",value:function(){this.rect=this.clone()}},{key:"convert",value:function(t){return(t=ME(BE(e.prototype),"convert",this).call(this,t)).textLength=rn.parse(t.textLength),t}},{key:"toCloneObject",value:function(){var t=this.json;return DE({},ME(BE(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,text:t.text,textLength:"".concat(t.textLength),lengthAdjust:t.lengthAdjust,"shape-inside":t["shape-inside"]})}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return oE(t.property)})),n=t.filter((function(t){return aE(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:e}]}},{key:"updateFunction",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=t.$("text");n.text(this.json.text),n.setAttr({filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue,y:this.json["font-size"]||"13px",textLength:this.json.textLength,lengthAdjust:this.json.lengthAdjust}),this.updateDefString(t)}}},{key:"toNestedCSS",value:function(){return[{selector:"> text",css:DE({},this.toShapeInsideCSS())}]}},{key:"toSVGCSS",value:function(){return DE({},ME(BE(e.prototype),"toSVGCSS",this).call(this),{},this.toShapeInsideCSS())}},{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;return'\n    <g transform="translate('.concat(t,", ").concat(e,')">    \n      ').concat(this.toDefString,"\n      <text ").concat(Q(DE({class:"svg-text-item"},this.toSVGAttribute(),{textLength:r,lengthAdjust:o,y:this.json["font-size"]||"13px",style:q(this.toSVGCSS())}))," >").concat(this.json.text,"</text>\n    </g>")}},{key:"toShapeInside",get:function(){var t=CE.parseStyle(this.json["shape-inside"]),e=t.value;switch(t.type){case"path":return'<path d="'.concat(e,'" id="').concat(this.shapeInsideId,'" />')}return""}},{key:"toDefInnerString",get:function(){return"\n        ".concat(this.toFillSVG,"\n        ").concat(this.toStrokeSVG,"\n        ").concat(this.toShapeInside,"\n    ")}},{key:"shapeInsideId",get:function(){return this.getInnerId("shape-inside")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.textLength,r=t.lengthAdjust;return("\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString,"\n      <text ").concat(Q({class:"svg-text-item",textLength:n,lengthAdjust:r,y:this.json["font-size"]||"13px"})," >").concat(this.json.text,"</text>\n  </svg>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&IE(n.prototype,r),o&&IE(n,o),e}(W$);function GE(t){return(GE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HE(Object(n),!0).forEach((function(e){XE(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 NE(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function KE(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WE(t,e){return!e||"object"!==GE(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function UE(t,e,n){return(UE="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=ZE(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 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)}Ci.registerComponent("svgtext",FE);var JE=function(t){function e(){return NE(this,e),WE(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,t),n=e,(r=[{key:"getIcon",value:function(){return tv.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return UE(ZE(e.prototype),"getDefaultObject",this).call(this,YE({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:rn.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:rn.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 aa(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=UE(ZE(e.prototype),"convert",this).call(this,t)).path=new aa(t.d),t.textLength=rn.parse(t.textLength),t.startOffset=rn.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){var t=this.json;return YE({},UE(ZE(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 oE(t.property)})),n=t.filter((function(t){return iE(t.property)})),r=t.filter((function(t){return aE(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(Q(YE({class:"svg-textpath-item"},this.toSVGAttribute(),{style:q(this.toSVGCSS())}))," >\n        <textPath ").concat(Q({"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(Q({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(Q({class:"svg-textpath-item"})," >\n        <textPath ").concat(Q({"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)}}])&&KE(n.prototype,r),o&&KE(n,o),e}(W$);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 t_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?t_(Object(n),!0).forEach((function(e){n_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):t_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function n_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 a_(t,e,n){return(a_="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=c_(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 c_(t){return(c_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function u_(t,e){return(u_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("svg-textpath",JE);var s_=function(t){function e(){return r_(this,e),i_(this,c_(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u_(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return a_(c_(e.prototype),"getDefaultObject",this).call(this,e_({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 e_({},a_(c_(e.prototype),"toCloneObject",this).call(this),{content:this.json.content})}},{key:"updateFunction",value:function(t){var e=this.json.content;t.updateDiff(e)}},{key:"toCSS",value:function(){var t=a_(c_(e.prototype),"toCSS",this).call(this);return t.margin=t.margin||"0px",t}},{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,'\n    <g transform="translate('.concat(t,", ").concat(e,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(Q({width:r.value,height:o.value}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <p style="').concat(q(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)}}])&&o_(n.prototype,r),o&&o_(n,o),e}(fv);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 f_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function p_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f_(Object(n),!0).forEach((function(e){y_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 h_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d_(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function v_(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 b_(t,e,n){return(b_="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 m_(t,e){return(m_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("text",s_);var w_=function(t){function e(){return h_(this,e),v_(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&&m_(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return b_(g_(e.prototype),"getDefaultObject",this).call(this,p_({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}])&&d_(n.prototype,r),o&&d_(n,o),e}(fv);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 k_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function j_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?k_(Object(n),!0).forEach((function(e){S_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):k_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function S_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function P_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 E_(t,e,n){return(E_="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)););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){return(__=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)}Ci.registerComponent("rect",w_);var T_=function(t){function e(){return P_(this,e),$_(this,__(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIcon",value:function(){return tv.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return E_(__(e.prototype),"getDefaultObject",this).call(this,j_({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}])&&x_(n.prototype,r),o&&x_(n,o),e}(fv);function R_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function D_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function V_(t){var e=YP("linear"),n=TP(t.segments),r=n.totalLength,o=n.interpolateList;return{totalLength:r,xy:function(t){t>1&&(t-=1);var n=o[0];if(0===t)n=o[0];else if(1===t)n=o[o.length-1];else{var r=o.find((function(e){return e.startT<=t&&t<e.endT}));r&&(n=r)}var i=(t-n.startT)/(n.endT-n.startT),a=e(i);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?R_(Object(n),!0).forEach((function(e){D_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):R_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},n.interpolate(a,i,e),{newT:i,t:t,totalLength:n.totalLength})}}}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 I_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function L_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I_(Object(n),!0).forEach((function(e){M_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function M_(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 G_(t,e,n){return(G_="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=H_(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 H_(t){return(H_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y_(t,e){return(Y_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("circle",T_);var X_=function(t){function e(){return B_(this,e),F_(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&&Y_(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return tv.brush}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return G_(H_(e.prototype),"getDefaultObject",this).call(this,L_({itemType:"svg-brush",name:"New Brush",d:"",segments:[],totalLength:0,distance: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 aa(t.d),t.segments&&this.json.path.resetSegment(t.segments),t.rect&&(this.json.width=rn.px(t.rect.width),this.json.height=rn.px(t.rect.height),this.setScreenX(rn.px(t.rect.x)),this.setScreenY(rn.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=G_(H_(e.prototype),"convert",this).call(this,t)).d&&(t.path=new aa(t.d)),t}},{key:"toCloneObject",value:function(){var t=this.json;return L_({},G_(H_(e.prototype),"toCloneObject",this).call(this),{totalLength:t.totalLength,d:t.d,segments:Y(this.json.segments)})}},{key:"getDefaultTitle",value:function(){return"Brush"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return oE(t.property)&&iE(t.property)})),n=t.filter((function(t){return aE(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=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=t.$("path.svg-brush-item");if(r.attr("d",this.json.d),e){this.updateDefString(t);var o=t.$(".svg-brush-items");o.attr("filter",this.toFilterValue),o.attr("fill",this.toFillValue),o.attr("fill-opacity",this.toFillOpacityValue),o.updateSVGDiff(this.makeBrushItem(this.json["stroke-width"]))}n&&(this.json.totalLength=r.totalLength)}},{key:"makeBrushShape",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return arguments.length>3&&void 0!==arguments[3]&&arguments[3],"\n      <circle ".concat(Q({cx:t,cy:e,r:n,transform:"rotate(".concat(360*Math.random(),", ").concat(t,", ").concat(e,")")}),"></circle>\n    ")}},{key:"makeBrushItem",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.makeBrushItemRate().map((function(n){return t.makeBrushShape(n.x,n.y,e*n.scale,n.t)})).join("")}},{key:"makeBrushItemRate",value:function(){var t=this.json,e=t.d,n=t.totalLength,r=t.distance;return function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=V_(t),o=r.totalLength,i=r.xy,a=o/e,c=n/o,u=a/o+c,s=[],l=1,f=0;f<e;f++){var p=f*u;if(p>l)break;s.push(i(p))}return s}(new aa(e),n,r).map((function(t){return L_({},t,{scale:(t.t>.5?1-t.t:t.t)/.4*1.3})}))}},{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(Q(L_({class:"svg-brush-item",d:this.json.d,filter:this.toFilterValue,fill:this.toFillValue,stroke:this.toStrokeValue},this.toSVGAttribute(),{style:q(this.toSVGCSS())}))," />\n    </g>\n  ")}},{key:"toDefInnerString",get:function(){return"\n        ".concat(G_(H_(e.prototype),"toDefInnerString",this),"\n    ")}},{key:"brushId",get:function(){return this.getInnerId("brush")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.d,r=this.makeBrushItem(this.json["stroke-width"]);return"\n  <svg class='element-item brush' data-id=\"".concat(e,'" >\n    ').concat(this.toDefString,"\n    <path class='svg-brush-item' d=\"").concat(n,'" fill="transparent" stroke="transparent" stroke-width="3" style=\'pointer-events: stroke;\' />\n    <g class=\'svg-brush-items\' style=\'pointer-events:none;\' \n        filter="').concat(this.toFilterValue,'" \n        fill="').concat(this.toFillValue,"\" \n        stroke='transparent'\n        fill-opacity=\"").concat(this.toFillOpacityValue,'"\n      >\n      ').concat(r,"\n    </g>\n  </svg>")}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&z_(n.prototype,r),o&&z_(n,o),e}(W$);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function W_(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?K_(Object(n),!0).forEach((function(e){U_(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):K_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function U_(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Z_(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function q_(t,e){for(var n=0;n<e.length;n++){var 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"!==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,e,n){return(Q_="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=tC(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 tC(t){return(tC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eC(t,e){return(eC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}Ci.registerComponent("svg-brush",X_);var nC=function(t){function e(){return Z_(this,e),J_(this,tC(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eC(t,e)}(e,t),n=e,o=[{key:"getIcon",value:function(){return tv.video}}],(r=[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Q_(tC(e.prototype),"getDefaultObject",this).call(this,W_({itemType:"video",name:"New Video",elementType:"video",src:"",srcType:"video/mp4",controls:!1,preload:"auto",poster:"",autoplay:!1,buffered:!1,crossorigin:"anonymous",loop:!1,muted:!1,played:!1,currentTime:0,playbackRate:1,playTime:"0:1:1"},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Video"}},{key:"getIcon",value:function(){return tv.video}},{key:"toCloneObject",value:function(){return W_({},Q_(tC(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:"updateDiff",value:function(t,e){t.el[e]!=this.json[e]&&(t.el[e]=this.json[e])}},{key:"updateFunction",value:function(t){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]:null,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a=this.json;if(a.src,a.currentTime,a.playbackRate,n){var c=t.$("video");c&&(i||(this.updateDiff(c,"currentTime"),this.updateDiff(c,"playbackRate"),this.updateDiff(c,"volume")))}Q_(tC(e.prototype),"updateFunction",this).call(this,t,n,r,o)}},{key:"toNestedCSS",value:function(){return[{selector:"video",cssText:"\n          width: 100%;\n          height: 100%;\n          pointer-events: none;\n        ".trim()}]}},{key:"toSVG",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,o=r.width,i=r.height,a=r.src,c=r.srcType,u=this.toCSS();return n?(delete u.left,delete u.top,"absolute"===u.position&&delete u.position,this.wrapperRootSVG(t,e,o,i,'\n        <video controls width="250" style="'.concat(q(u),'" >\n          <source src="').concat(a,'"\n                  type="').concat(c,"\">\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      "))):"\n        ".concat(this.toDefString,'      \n        <video src="').concat(a,'" controls width="250" style="').concat(q(u),"\" >\n          Sorry, your browser doesn't support embedded videos.\n        </video>      \n      ")}},{key:"html",get:function(){var t=this.json,e=t.id,n=t.itemType,r=t.src,o=t.controls,i=t.muted,a=t.poster,c=t.loop,u=t.crossorigin,s=t.autoplay;return("\n      <div class='element-item ".concat(n,"' data-id=\"").concat(e,'">\n        ').concat(this.toDefString,"\n        <video ").concat(Q({controls:o,src:r,muted:i,poster:a,loop:c,crossorigin:u,autoplay:s}),">\n          Sorry, your browser doesn't support embedded videos.\n        </video>\n      </div>"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&q_(n.prototype,r),o&&q_(n,o),e}(fv);Ci.registerComponent("video",nC);var rC,oC,iC,aC,cC,uC,sC={Project:kk,ArtBoard:yx,Layer:fv,RectLayer:w_,CircleLayer:T_,ImageLayer:Sx,TextLayer:s_,VideoLayer:nC,SVGPathItem:bE,SVGBrushItem:X_,SVGTextItem:FE,SVGTextPathItem:JE,Component:Ck,CubeLayer:Nk,CylinderLayer:uj};function lC(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function fC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var pC=fC({},"move",!0),yC=(fC(rC={},"to right",!0),fC(rC,"to top right",!0),fC(rC,"to bottom right",!0),rC),hC=(fC(oC={},"to left",!0),fC(oC,"to top left",!0),fC(oC,"to bottom left",!0),oC),dC=(fC(iC={},"to top",!0),fC(iC,"to top right",!0),fC(iC,"to top left",!0),iC),vC=(fC(aC={},"to bottom",!0),fC(aC,"to bottom left",!0),fC(aC,"to bottom right",!0),aC),bC=(fC(cC={},"to right",2),fC(cC,"to top right",2),fC(cC,"to bottom right",2),fC(cC,"to left",0),fC(cC,"to top left",0),fC(cC,"to bottom left",0),cC),gC=(fC(uC={},"to bottom",2),fC(uC,"to bottom left",2),fC(uC,"to bottom right",2),fC(uC,"to top",0),fC(uC,"to top left",0),fC(uC,"to top right",0),uC),mC=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 pC[t]}},{key:"isTop",value:function(t){return dC[t]}},{key:"isRight",value:function(t){return yC[t]}},{key:"isBottom",value:function(t){return vC[t]}},{key:"isLeft",value:function(t){return hC[t]}},{key:"getXDirection",value:function(t){return bC[t]}},{key:"getYDirection",value:function(t){return gC[t]}}],(n=null)&&lC(e.prototype,n),r&&lC(e,r),t}();function wC(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 OC(t,e){for(var n=0;n<e.length;n++){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 kC=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return rn.px(t).round(e)},jC=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}var e,n,r;return e=t,(n=[{key:"makeGuideCache",value:function(){var t=this,e=this.$selection.currentArtboard;return this.cachedExtraItems=[],e&&(this.$selection.isArtBoard()?this.cachedExtraItems=[]:this.cachedExtraItems=e.allLayers.filter((function(e){return!t.$selection.check(e)||e.is("artboard")&&t.$selection.currentArtboard!=e})),this.rect=this.$selection.allRect?this.$selection.allRect.clone():null),this.cachedPosition={},this.$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=this.$selection.allRect;this.pointerType=t,"move"===t?this.rect.move(kC(r.x.value+e),kC(r.y.value+n)):(mC.isRight(t)?this.rect.resizeWidth(kC(r.width.value+e)):mC.isLeft(t)&&r.width.value-e>=0&&(this.rect.moveX(kC(r.x.value+e)),this.rect.resizeWidth(kC(r.width.value-e))),mC.isBottom(t)?this.rect.resizeHeight(kC(r.height.value+n)):mC.isTop(t)&&r.height.value-n>=0&&(this.rect.moveY(kC(r.y.value+n)),this.rect.resizeHeight(kC(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,y=f*r,h=l-s,d=h*i,v=h*a;this.setX(t,c,u,p,y),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=this.$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=this.$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]:2,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:o,bx:o})}))})),i.length){var a=mC.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]:2,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:o,by:o})}))})),i.length){var a=mC.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]:2,r=this.compareX(t,e,n),o=this.compareY(t,e,n);return{x:r,y:o}}},{key:"getLayers",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.cachedExtraItems,r=[],o=[];return n.forEach((function(n){var i=t.compare(t.rect,n,e);r.push.apply(r,wC(i.x)),o.push.apply(o,wC(i.y))})),[r[0],o[0]].filter((function(t){return I(t)}))}},{key:"calculate",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,n=this.getLayers(e);return mC.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(I(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(I(t.ax)){var e=Math.round(this.rect.width.value/2*t.source),n=t.bx-e;this.rect.x.set(n)}else if(I(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;mC.isMove(this.pointerType)?this.$selection.each((function(e){t.$selection.isInParent(e,t.$selection.items)||(t.recover(e),e.recover())})):this.$selection.each((function(e){t.recover(e),e.recover()}))}},{key:"$selection",get:function(){return this.$editor.selection}}])&&OC(e.prototype,n),r&&OC(e,r),t}();function SC(t){return(SC="function"==typeof Symbol&&"symbol"==typeof Symbol.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,n){return(PC="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=TC(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 xC(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 $C(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _C(t,e,n){return e&&EC(t.prototype,e),n&&EC(t,n),t}function CC(t,e){return!e||"object"!==SC(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function TC(t){return(TC=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function RC(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}function DC(t,e){return(DC=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VC={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"},AC={artboard:"artboard",rect:"rect",circle:"lens",text:"title",image:"image","svg-path":"edit","svg-textpath":"text_rotate","svg-text":"title"},IC=function(t){function e(){return $C(this,e),CC(this,TC(e).apply(this,arguments))}return RC(e,t),_C(e,[{key:"initialize",value:function(){PC(TC(e.prototype),"initialize",this).call(this),this.guideView=new jC(this.$editor)}},{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' ref='$selectionMove' title='move'>\n                <span class='icon' ref='$selectionIcon'>".concat(tv.flag,"</span>\n                <span ref='$selectionTitle'></span>\n            </div>       \n            <div class='selection-tool-item' data-position='to top'></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 right'></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    </div>")}},{key:bn('$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:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:An("$selectionView .selection-tool-item")+Hn("checkEditMode")+qn()+Jn(),value:function(t){var e;this.initMoveType(t.$dt),(e=this.parent).selectCurrent.apply(e,xC(this.$selection.items)),this.$selection.setRectCache("move"!==this.pointerType),this.initSelectionTool()}},{key:"initMoveType",value:function(t){this.$target=t||this.refs.$selectionTool.$('.selection-tool-item[data-position="move"]'),this.$target&&(this.pointerType=this.$target.attr("data-position"),this.refs.$selectionTool.attr("data-selected-position",this.pointerType),this.refs.$selectionTool.attr("data-selected-movetype",VC[this.pointerType]))}},{key:"move",value:function(t,e){this.$config.get("bodyEvent").altKey&&(e=t),this.refreshSelectionToolView(t,e),this.parent.updateRealPosition(),this.emit("refreshSelectionDragStyleView",null,!0)}},{key:yo("moveByKey"),value:function(t,e){var n;if(0!==t||0!==e){this.pointerType="move",this.$selection.move(t,e),(n=this.parent).selectCurrent.apply(n,xC(this.$selection.items)),this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.guideView.move(this.pointerType,t,e);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r)),this.makeSelectionTool()}}},{key:"end",value:function(){this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.$selection.setRectCache(),this.emit("refreshAllElementBoundSize"),this.emit("removeGuideLine")}},{key:"refreshSelectionToolView",value:function(t,e,n){if(0===t&&0===e);else{this.guideView.move(n||this.pointerType,t/this.$editor.scale,e/this.$editor.scale);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r))}this.makeSelectionTool()}},{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:"removeOriginalRect",value:function(){this.originalArtboardRect=null,this.originalRect=null}},{key:"initSelectionTool",value:function(){this.removeOriginalRect(),this.guideView.makeGuideCache();var t=this.$selection.current;if(t){var e=t.is("svg-path","svg-brush","svg-textpath");this.refs.$selectionTool.toggleClass("path",e)}this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$el.show(),this.bindData("$selectionTool"),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.guideView.recoverAll();var t=rn.px(0),e=rn.px(0),n=rn.px(0),r=rn.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}t.is(0)&&e.is(0)&&n.is(0)&&r.is(0)?(t.add(-1e4),e.add(-1e4)):this.$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.refreshPositionText(t,e,n,r)}},{key:"refreshPositionText",value:function(t,e,n,r){if(this.$selection.currentArtboard){var o=rn.px(t.value-this.$selection.currentArtboard.x.value/this.$editor.scale).round(1),i=rn.px(e.value-this.$selection.currentArtboard.y.value/this.$editor.scale).round(1),a=rn.px(n.value/this.$editor.scale).round(1),c=rn.px(r.value/this.$editor.scale).round(1),u="";switch(this.pointerType){case"move":u="X: ".concat(o,", Y: ").concat(i);break;case"to top":case"to bottom":u="Y: ".concat(i,", H: ").concat(c);break;case"to left":case"to right":u="X: ".concat(o,", W: ").concat(a);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);var s=this.$selection.length,l="";if(1===s){var f=this.$selection.current;l=f.title||f.getDefaultTitle();var p=tv[AC[f.itemType]||AC.rect];this.refs.$selectionIcon.html(p)}else s>=2&&(l="multi : ".concat(s),this.refs.$selectionIcon.html(tv.flag));this.refs.$selectionTitle.text(l),this.refs.$selectionMove.attr("title",l)}}},{key:"setPositionText",value:function(t){this.$target&&(this.$selection.current&&this.$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,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map((function(e){var n,r,o,i,a=new ki(t.calculateWorldPosition(e.A)),c=new ki(t.calculateWorldPosition(e.B));return I(e.ax)&&(n=e.ax*t.$editor.scale),I(e.bx)&&(r=e.bx*t.$editor.scale),I(e.ay)&&(o=e.ay*t.$editor.scale),I(e.by)&&(i=e.by*t.$editor.scale),{A:a,B:c,ax:n,bx:r,ay:o,by:i}}))}},{key:"calculateWorldPosition",value:function(t){return{x:rn.px(t.screenX.value*this.$editor.scale),y:rn.px(t.screenY.value*this.$editor.scale),width:rn.px(t.width.value*this.$editor.scale),height:rn.px(t.height.value*this.$editor.scale),transform:t.transform}}}]),e}(function(t){function e(){return $C(this,e),CC(this,TC(e).apply(this,arguments))}return RC(e,t),_C(e,[{key:ir("$selectionTool"),value:function(){var t=this.$selection.current;return{"data-is-layout-item":t&&t.isLayoutItem(),"data-is-layout-container":t&&t.hasLayout(),"data-layout-container":t&&(t.layout||t.parent.layout),"data-selection-length":this.$selection.length}}}]),e}(function(t){function e(){return $C(this,e),CC(this,TC(e).apply(this,arguments))}return RC(e,t),_C(e,[{key:yo("hideSelectionToolView"),value:function(){this.refs.$selectionTool.css({left:"-10000px",top:"-10000px"})}},{key:yo("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:yo("openPathEditor"),value:function(){var t=this.$selection.current;t&&t.is("svg-path","svg-brush","svg-textpath")&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{changeEvent:"updatePathItem",current:t,d:t.d,box:"box",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}))}},{key:yo("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:yo("updatePathItem"),value:function(t){var e,n=this.$selection.current;n&&(n.updatePathItem&&(n.updatePathItem(t),(e=this.parent).selectCurrent.apply(e,xC(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",n,!0,!0)))}},{key:yo("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:yo("makeSelectionTool"),value:function(t){t&&this.removeOriginalRect();var e=this.guideView.calculate();this.makeSelectionTool(),0===this.$selection.length&&(e=[]),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(e))}}]),e}(ho)));function LC(t){return(LC="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==LC(e)&&"function"!=typeof e?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,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>")},YC=function(t,e,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"base-line";return("<line ".concat(Q({x1:t,y1:e,x2:n,y2:r})," class='").concat(o,"' />"))},XC=function(t,e){(function(t,e){return t.includes(e)})(t,e)||t.push(e)},NC=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),XC(t,YC(e-2,n,e+2,n)),XC(t,YC(e,n,e,r)),XC(t,YC(e-2,r,e+2,r));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));XC(t,HC(e+2,o,i))}},KC=function(t,e,n,r){if(0!==Math.abs(n-r)){e=Math.floor(e),XC(t,YC(n,e-2,n,e+2)),XC(t,YC(n,e,r,e)),XC(t,YC(r,e-2,r,e+2));var o=(r+n)/2,i=Math.floor(Math.abs(r-n));XC(t,HC(o,e-2,i,"text-center"))}},WC=function(t){function e(){return MC(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,t),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:ir("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(t){var e=[];return(t=t.filter((function(t,e){return 0===e}))).forEach((function(t){var n=t.B;if(I(t.ax)){var r=rn.min(n.screenY,t.A.screenY),o=rn.max(n.screenY2,t.A.screenY2),i=t.bx;if(t.A.screenY.value>t.B.screenY2.value?NC(e,i,t.B.screenY2.value,t.A.screenY.value):NC(e,i,r.value,t.A.screenY.value),t.A.screenX.value-n.screenX.value>0&&t.A.screenY.value<=n.screenY2.value&&t.A.screenY.value>=n.screenY.value){var a=(t.A.screenY.value+t.A.screenY2.value)/2;KC(e,a,n.screenX.value,t.A.screenX.value)}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,KC(e,a,t.A.screenX2.value,n.screenX2.value)),t.A.screenY2.value<t.B.screenY.value?NC(e,i,t.A.screenY2.value,t.B.screenY.value):NC(e,i,t.A.screenY2.value,o.value)}else{var c=rn.max(n.screenX2,t.A.screenX2),u=t.by;if(t.A.screenX.value>t.B.screenX2.value?KC(e,u,t.B.screenX2.value,t.A.screenX.value):KC(e,u,t.A.screenX.value,t.B.screenX.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;NC(e,s,t.B.screenY.value,t.A.screenY.value)}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,NC(e,s,t.A.screenY2.value,t.B.screenY2.value)),t.A.screenX2.value<t.B.screenX.value?KC(e,u,t.A.screenX2.value,t.B.screenX.value):KC(e,u,t.A.screenX2.value,c.value)}})),e.join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){this.setState({list:t})}},{key:yo("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:yo("refreshGuideLine"),value:function(t){this.setGuideLine(t)}}])&&BC(n.prototype,r),o&&BC(n,o),e}(ho);function UC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ZC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UC(Object(n),!0).forEach((function(e){qC(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qC(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}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)}}var QC=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(ZC({},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(ZC({},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                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(t.selected,'\'\n                    title="Center"\n                    data-start="true" \n                />'):"\n                <circle \n                    cx='".concat(t.cx,"' \n                    cy='").concat(t.cy,"' \n                    r='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("")}}])&&JC(e.prototype,n),r&&JC(e,r),t}();function tT(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 eT(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 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 rT(t,e,n){return e&&nT(t.prototype,e),n&&nT(t,n),t}function oT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oT(Object(n),!0).forEach((function(e){aT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var cT=["startPoint","endPoint","reversePoint"];function uT(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 sT(t,e,n,r){var o=[],i=cT;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 lT(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=i,u=t[c];if(u){if("M"===u.command)o.push({command:"M",values:[u.startPoint]});else{var s=Ji.getPrevPoint(t,i);!1===u.curve?!1===s.curve?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[s.endPoint,u.startPoint]}):!1===s.curve?Ji.isEqual(u.reversePoint,u.startPoint)?o.push({command:"L",values:[u.startPoint]}):o.push({command:"Q",values:[u.reversePoint,u.startPoint]}):o.push({command:"C",values:[s.endPoint,u.reversePoint,u.startPoint]})}u.close&&o.push({command:"Z"})}}var l=o.map((function(t){return fT(e,n,t,r)})).join(" ");return{d:l}}function fT(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)}}var pT=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 ha,this.guideLineManager=new ha,this.segmentManager=new QC,this.initialize(),this.initializeSelect()}return rT(t,null,[{key:"generatorPathString",value:function(t,e,n,r){return lT(t,e,n,r).d}}]),rT(t,[{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=eT(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=ut.matrix2d.translate(-this.transformRect.x,-this.transformRect.y),i=ut.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,i=r.y,a=r.width,c=r.height,u=a/2,s=c/2;switch(t){case"flipX":this.applyTransform(ut.matrix2d.translate(-e,0),ut.matrix2d.flipX());break;case"flipY":this.applyTransform(ut.matrix2d.translate(0,-n),ut.matrix2d.flipY());break;case"flip":this.applyTransform(ut.matrix2d.translate(-e,-n),ut.matrix2d.flip());break;case"to move":this.applyTransform(ut.matrix2d.translate(e,n));break;case"to rotate":var l=mt({x:o+u,y:i},{x:o+u,y:i+s},{dx:e,dy:n});this.applyTransform(ut.matrix2d.translate(-u,-s),ut.matrix2d.rotate(lt(-l)),ut.matrix2d.translate(u,s));break;case"to skewX":l=gt({x:u,y:s},{x:u+e,y:s});this.applyTransform(ut.matrix2d.skewX(lt(l)));break;case"to skewY":l=gt({x:u,y:s},{x:u,y:s+n});this.applyTransform(ut.matrix2d.skewY(lt(l)));break;case"to bottom right":var f=ft(a+e,a),p=ft(c+n,c);this.applyTransform(ut.matrix2d.scale(f,p));break;case"to right":f=ft(a+e,a);this.applyTransform(ut.matrix2d.scale(f,1));break;case"to bottom":p=ft(c+n,c);this.applyTransform(ut.matrix2d.scale(1,p));break;case"to top right":f=ft(a+e,a),p=ft(c-n,c);this.applyTransform(ut.matrix2d.scale(f,p),ut.matrix2d.translate(0,n));break;case"to top left":f=ft(a-e,a),p=ft(c-n,c);this.applyTransform(ut.matrix2d.scale(f,p),ut.matrix2d.translate(e,n));break;case"to left":f=ft(a-e,a);this.applyTransform(ut.matrix2d.scale(f,1),ut.matrix2d.translate(e,0));break;case"to top":p=ft(c-n,c);this.applyTransform(ut.matrix2d.scale(1,p),ut.matrix2d.translate(0,n));break;case"to bottom left":f=ft(a-e,a),p=ft(c+n,c);this.applyTransform(ut.matrix2d.scale(f,p),ut.matrix2d.translate(e,0))}}},{key:"initTransform",value:function(t){this.transformRect=Y(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:Y(t.startPoint),endPoint:Y(t.endPoint),reversePoint:Y(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=Ji.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=Ji.getPrevPoint(r,t),n.connectedPoint&&!n.connectedPoint.connected&&(n.connectedPoint=null),n.segment=Ji.getIndexPoint(r,t),n.segment.connected&&(n.connectedPoint=Ji.getNextPoint(r,t)),Ji.isFirst(n.segment)){var o=Ji.getLastPoint(r,t);o.connected&&(n.connectedPoint=o)}n.segmentKey=e,n.isCurveSegment=n.segment.curve&&"startPoint"!=n.segmentKey,n.originalSegment=Y(n.segment),n.connectedPoint&&(n.originalConnectedPoint=Y(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=Y(n.startPoint),n.endPoint=Y(n.startPoint),"M"===n.command){var r=Ji.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=Y(r.startPoint),r.endPoint=Y(r.startPoint))}else{if((o=Ji.getNextPoint(e,t))&&"M"===o.command)(a=o).curve=!1,a.reversePoint=Y(a.startPoint),a.endPoint=Y(a.startPoint)}else{n.curve=!0;var o,i=Ji.getPrevPoint(e,t);if((o=Ji.getNextPoint(e,t))&&o.index<t&&"M"===o.command){var a=o;o=Ji.getNextPoint(e,a.index),this.calculateToCurve(n,o,i),a.curve=!0,a.endPoint=Y(n.endPoint),a.reversePoint=Y(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=Ji.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=Ji.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]=Ji.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=dt(wt(c-o,u-i),vt(l,f,o,i),o,i),y=p.x,h=p.y;n.segment[e]={x:y,y:h}}}},{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=uT(i,"x",c,e,r),l=s.point,f=(e=s.distanceValue,uT(i,"y",u,n,r)),p=f.point,y=(n=f.distanceValue,{x:a.x+e,y:a.y+n}),h=[];return l&&h.push({startPoint:l,endPoint:y}),p&&h.push({startPoint:p,endPoint:y}),{dx:e,dy:n,snapPointList:h}}},{key:"copySegment",value:function(t,e){e.startPoint=Y(t.startPoint),e.endPoint=Y(t.endPoint),e.reversePoint=Y(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:"removeSelectedSegment",value:function(){var t=this;this.selectedPointList.forEach((function(e){t.state.points[e.index][e.key].removed=!0}));var e=Ji.splitPoints(this.state.points),n=Ji.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=Y(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=Y(t.startPoint)),Ji.isEqual(t.endPoint,t.startPoint,t.reversePoint)&&(t.command="L",t.curve=!1),t}))})));this.state.points=n,this.select()}},{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]=Ji.getReversePoint(r.segment.startPoint,r.segment[i])}else n.altKey?(this.moveSegment(i,t,e),this.rotateSegment(i)):this.moveSegment(i,t,e);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=Ji.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=Ji.getPoint(r,e),i=Ji.getPoint(r,n),a=[iT({},o,{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},iT({},i,{reversePoint:t.second[2]})],c=Ji.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=Ji.getPoint(n,e),o=[iT({},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=Ji.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=Ji.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 lT(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=wt(r-n,i-o)-180,s=dt(0,20,a,c),l=s.x,f=s.y,p=dt(u/2,20,a,c),y=p.x,h=p.y,d=dt(u,20,a,c);this.segmentManager.addDistanceAngle(d,20,20,u,{x:l,y:f},{x:l-20,y:f}).addText({x:y-5,y:h+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),!1===Ji.isEqual(e.startPoint,e.endPoint)&&this.segmentManager.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)),!1===Ji.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||o.addText(e.startPoint,r+1)):!1===t.curve?Ji.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)),!1===Ji.isEqual(e.startPoint,e.reversePoint)&&o.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),!1===Ji.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ji.isEqual(e.startPoint,e.reversePoint)&&o.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)),!1===Ji.isEqual(t.startPoint,t.endPoint)&&o.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ji.isEqual(e.startPoint,e.reversePoint)&&o.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?Ji.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 ha).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new ha).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Ji.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new ha).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new ha).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new ha).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=Ji.getNextPoint(t,n),a=Ji.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=sT(t,"x",e.x,n),o=sT(t,"y",e.y,n),i=iT({},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,tT(u)),t.moveXY=s,r=s,this.snapPointList=i;var l=e[e.length-1];if(o)if(l){if(l.curve){var f=Ji.getReversePoint(n,r);h=f.x,d=f.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:h,y:d},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:h,y:d}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:h,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var p=Ji.getReversePoint(n,r);h=p.x,d=p.y;this.guideLineManager.M(l.startPoint).Q({x:h,y:d},n),this.segmentManager.addGuideLine(r,{x:h,y:d}).addPoint(!1,n).addCurvePoint({x:h,y:d}).addCurvePoint(r)}}else{var y=Ji.getReversePoint(n,r),h=y.x,d=y.y;this.guideLineManager.M(r).L(n).L({x:h,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:h,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 ha;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(Q({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",this.state.isPolygon),"\n            ").concat(this.pathStringManager.toString("object",this.state.isPolygon),"\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 tT(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),t}();function yT(t){return(yT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function hT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hT(Object(n),!0).forEach((function(e){vT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function bT(t,e,n){return(bT="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=jT(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 gT(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 mT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OT(t,e,n){return e&&wT(t.prototype,e),n&&wT(t,n),t}function kT(t,e){return!e||"object"!==yT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function jT(t){return(jT=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ST(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&PT(t,e)}function PT(t,e){return(PT=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function xT(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 $T(t){var e=xT(t,2);return{x:e[0],y:e[1]}}var ET=["fill","fill-opacity","stroke","stroke-width"],_T=function(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:"initialize",value:function(){bT(jT(e.prototype),"initialize",this).call(this),this.pathParser=new aa,this.pathGenerator=new pT(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],hasTransform:!1,mode:"path",$target:null,clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:rn.px(0),screenY:rn.px(0),screenWidth:rn.px(0),screenHeight:rn.px(0)}}},{key:"template",value:function(){return"\n        <div class='path-editor-view' tabIndex=\"-1\">\n            <div class='path-container' ref='$view'></div>\n            <div class='path-container split-panel'>\n                <svg width=\"100%\" height=\"100%\">\n                    <circle ref='$splitCircle' class='split-circle' />\n                </svg>\n            </div>\n            <div class='path-tool'>\n                <div class='transform-manager' ref='$tool'>\n                    <div class='transform-tool-item' data-position='to rotate'></div>                \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:ir("$tool"),value:function(){this.resetTransformZone();var t=this.state.transformZoneRect;return{"data-show":"transform"===this.state.mode,"data-position":this.transformMoveType,style:{left:rn.px(t.x),top:rn.px(t.y),width:rn.px(t.width),height:rn.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:On("document")+Hn("isShow")+Nn+Xn+Qn+tr,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.pathGenerator.toPath(t.x,t.y,this.scale).d,o=this.$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 bE({width:rn.px(c),height:rn.px(u),d:r,totalLength:this.totalPathLength})),ET.forEach((function(t){n.state[t]&&e.reset(vT({},t,n.state[t]))})),e.setScreenX(i),e.setScreenY(a)}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 aa(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&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t,e){this.setState(dT({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:yo("changePathManager"),value:function(t){this.setState(dT({},t,{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:yo("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:yo("showPathEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"path",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}),this.emit("hidePathDrawEditor"),this.emit("change.mode.view","PathEditorView")}},{key:yo("hidePathEditor"),value:function(){this.$el.isShow()&&(this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hidePathManager"),this.emit("change.mode.view"))}},{key:ir("$view"),value:function(){return{class:{path:"path"===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:ir("$splitCircle"),value:function(){return this.state.splitXY?{cx:this.state.splitXY.x,cy:this.state.splitXY.y,r:5}:{r:0}}},{key:"refreshPathLayer",value:function(){this.updatePathLayer()}},{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:rn.px(0),y:rn.px(0),width:rn.px(0),height:rn.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:In("$view"),value:function(t){if(this.initRect(),this.isMode("path")&&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();else{var e=un.create(t.target),n=e.hasClass("split-path");this.state.splitXY=n?this.calculatePointOnLine(e.attr("d"),{x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y}):null,this.bindData("$splitCircle"),this.state.altKey=!1}}},{key:An("$view :not(.split-path)")+qn()+Jn(),value:function(t){this.initRect(),this.state.altKey=!1;var e=this.isMode("path");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=un.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=xT(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:rn.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:rn.px(t.x+(e<0?e:0)),top:rn.px(t.y+(n<0?n:0)),width:rn.px(Math.abs(e)),height:rn.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=xT(this.refs.$segmentBox.styles("left","top","width","height").map((function(t){return rn.parse(t)})),4),e={x:t[0],y:t[1],width:t[2],height:t[3]};return e.x2=rn.px(e.x.value+e.width.value),e.y2=rn.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=this.$config.get("bodyEvent");this.pathGenerator.move(t,e,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("path")){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}},{key:"renderSegment",value:function(t){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),G(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:yo("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:yo("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{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.isMode("path")&&(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 this.$editor.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(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:yo("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:An("$tool .transform-tool-item")+qn("moveTransformTool")+Jn("moveEndTransformTool"),value:function(t){this.transformMoveType=t.$dt.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){this.transformMoveType="none",this.renderTransformTool()}}]),e}(function(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:"calculatePointOnLine",value:function(t,e){var n=new aa(t);if("C"===n.segments[1].command){var r=[$T(n.segments[0].values),$T(n.segments[1].values.slice(0,2)),$T(n.segments[1].values.slice(2,4)),$T(n.segments[1].values.slice(4,6))],o=jj.apply(void 0,gT(r).concat([200]))(e.x,e.y);return Tj(r,o).first[3]}if("Q"===n.segments[1].command){r=[$T(n.segments[0].values),$T(n.segments[1].values.slice(0,2)),$T(n.segments[1].values.slice(2,4))],o=Sj.apply(void 0,gT(r).concat([200]))(e.x,e.y);return Rj(r,o).first[2]}if("L"===n.segments[1].command){r=[$T(n.segments[0].values),$T(n.segments[1].values.slice(0,2))],o=Pj.apply(void 0,gT(r).concat([200]))(e.x,e.y);return Dj(r,o).first[1]}return e}},{key:bn("$view .split-path"),value:function(t){this.initRect();var e=new aa(t.$dt.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=[$T(e.segments[0].values),$T(e.segments[1].values.slice(0,2)),$T(e.segments[1].values.slice(2,4)),$T(e.segments[1].values.slice(4,6))],o=jj.apply(void 0,gT(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPoint(Tj(r,o))}else if("Q"===e.segments[1].command){r=[$T(e.segments[0].values),$T(e.segments[1].values.slice(0,2)),$T(e.segments[1].values.slice(2,4))],o=Sj.apply(void 0,gT(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointQuard(Rj(r,o))}else if("L"===e.segments[1].command){r=[$T(e.segments[0].values),$T(e.segments[1].values.slice(0,2))],o=Pj.apply(void 0,gT(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointLine(Dj(r,o))}this.renderPath(),this.refreshPathLayer()}}]),e}(function(t){function e(){return mT(this,e),kT(this,jT(e).apply(this,arguments))}return ST(e,t),OT(e,[{key:gn("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}}]),e}(ho))));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 TT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?TT(Object(n),!0).forEach((function(e){DT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):TT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function DT(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function VT(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 IT(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 LT(t){return(LT=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 BT=function(t){function e(){return VT(this,e),IT(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&&MT(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:er("$el"),value:function(){if(1!==this.$selection.length)return"<div></div>";var t=this.$selection.current;if(t.isInGrid()){var e=t.parent,n=e.screenX,r=e.screenY,o=e.width,i=e.height,a=e.toGridLayoutCSS();return"<div style='".concat(q(RT({position:"absolute",left:n,top:r,width:o,height:i,border:"1px solid black"},a)),"'>\n                ").concat(e.layers.map((function(t){var e=t.toLayoutItemCSS();return("<div style='".concat(q(RT({},e,{border:"1px solid dashed"})),"'></div>"))})).join(""),"\n            </div>")}return("<div></div>")}},{key:yo("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}}])&&AT(n.prototype,r),o&&AT(n,o),e}(ho);function zT(t){return(zT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function FT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FT(Object(n),!0).forEach((function(e){HT(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HT(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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function XT(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function NT(t,e){return!e||"object"!==zT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KT(t,e,n){return(KT="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=WT(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 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=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],qT=function(t){function e(){return YT(this,e),NT(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,t),n=e,(r=[{key:"initialize",value:function(){KT(WT(e.prototype),"initialize",this).call(this),this.pathParser=new aa}},{key:"initState",value:function(){return{points:[],$target:null,fill:"transparent",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:rn.px(0),screenY:rn.px(0),screenWidth:rn.px(0),screenHeight:rn.px(0)}}},{key:yo("changeDrawManager"),value:function(t){this.setState(GT({},t),!1)}},{key:"template",value:function(){return"\n        <div class='path-draw-view' tabIndex=\"-1\">\n            <div class='path-draw-container' ref='$view'></div>\n        </div>"}},{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:On("document")+Hn("isShow")+Nn+Xn+Qn+tr,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$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,u=Ji.simply(this.state.points,this.state.tolerance),s=new aa(ha.makePathByPoints(u)),l=pT.generatorPathString(s.convertGenerator(),t.x,t.y,this.scale);e=r.add(new bE({width:rn.px(a),height:rn.px(c),d:l,totalLength:this.totalPathLength})),ZT.forEach((function(t){n.state[t]&&e.reset(HT({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addPathLayer",value:function(){var t=this.getPathRect();0!==t.width&&0!==t.height&&this.makePathLayer(t)&&this.emit("refreshAll")}},{key:"changeMode",value:function(t){this.setState(GT({},this.initState(),{},t),!1)}},{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:yo("showPathDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{instance:this,fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),this.emit("hidePathEditor"),this.emit("change.mode.view","PathDrawView")}},{key:yo("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:yo("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:ir("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(Q({fill:this.toFillValue,stroke:this.toStrokeValue,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]}),'\n                    d="').concat(ha.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:yo("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:rn.px(0),y:rn.px(0),width:rn.px(0),height:rn.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:An("$view")+qn()+Jn(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addPathLayer(),this.trigger("initPathDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return L$.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return L$.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return L$.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return L$.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&XT(n.prototype,r),o&&XT(n,o),e}(ho);function JT(t){return(JT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function QT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?QT(Object(n),!0).forEach((function(e){eR(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):QT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eR(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function oR(t,e){return!e||"object"!==JT(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function iR(t,e,n){return(iR="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=aR(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 aR(t){return(aR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cR(t,e){return(cR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uR=["fill","stroke-width"],sR=function(t){function e(){return nR(this,e),oR(this,aR(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cR(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){iR(aR(e.prototype),"initialize",this).call(this),this.pathParser=new aa}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",points:[],$target:null,fill:"black",stroke:"black","fill-opacity":null,"stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",tolerance:1,screenX:rn.px(0),screenY:rn.px(0),screenWidth:rn.px(0),screenHeight:rn.px(0)}}},{key:yo("changeDrawManager"),value:function(t){this.setState(tR({},t),!1),this.renderPath()}},{key:"template",value:function(){return"\n        <div class='brush-draw-view' tabIndex=\"-1\">\n            <div class='brush-draw-container' ref='$view'></div>\n        </div>"}},{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:On("document")+Hn("isShow")+Nn+Xn+Qn+tr,value:function(){this.trigger("hideBrushDrawEditor")}},{key:"makeBrushLayer",value:function(t){var e,n=this,r=this.$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,u=Ji.simply(this.state.points,this.state.tolerance),s=new aa(ha.makePathByPoints(u)),l=pT.generatorPathString(s.convertGenerator(),o,i,this.scale);e=r.add(new X_({width:rn.px(a),height:rn.px(c),d:l,totalLength:this.totalPathLength})),uR.forEach((function(t){n.state[t]&&e.reset(eR({},t,n.state[t]))})),e.setScreenX(o),e.setScreenY(i)}return e}},{key:"addBrushLayer",value:function(){var t=this.getPathRect();if(0!==t.width&&0!==t.height){var e=this.makeBrushLayer(t);e&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t){this.setState(tR({},this.initState(),{},t),!1),this.emit("change.mode.view","PathDrawView")}},{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:yo("showBrushDrawEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(t),this.$el.show(),this.$el.focus(),this.emit("showDrawManager",{fill:this.state.fill,stroke:this.state.stroke,"fill-opacity":this.state["fill-opacity"],"stroke-width":this.state["stroke-width"],"stroke-linecap":this.state["stroke-linecap"],"stroke-linejoin":this.state["stroke-linejoin"]})}},{key:yo("initBrushDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:yo("hideBrushDrawEditor"),value:function(){this.trigger("initBrushDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view")}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:ir("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path class='object' \n                    ").concat(Q({fill:"transparent",stroke:"transparent"===this.toFillValue?"black":this.toFillValue}),'\n                    d="').concat(ha.makePathByPoints(this.state.points),'" />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:rn.px(0),y:rn.px(0),width:rn.px(0),height:rn.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:An("$view")+qn()+Jn(),value:function(t){this.initRect(),this.state.altKey=!1,this.state.startXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(t,e,n,r){this.state.points.push({x:this.state.startXY.x+t,y:this.state.startXY.y+e,pressure:r}),this.renderPath()}},{key:"end",value:function(t,e){this.addBrushLayer(),this.trigger("initBrushDrawEditor")}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"toFillSVG",get:function(){return L$.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return L$.parseImage(this.state.stroke||"black").toSVGString(this.strokeId)}},{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:"toFillValue",get:function(){return L$.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return L$.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}])&&rR(n.prototype,r),o&&rR(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 pR(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hR(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dR(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 vR(t){return(vR=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bR(t,e){return(bR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gR=function(t){function e(){return yR(this,e),dR(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&&bR(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectionToolView:IC,GuideLineView:WC,PathEditorView:_T,PathDrawView:qT,BrushDrawView:sR,GridLayoutLineView:BT}}},{key:"initState",value:function(){return{mode:"selection",left:rn.px(0),top:rn.px(0),width:rn.px(1e4),height:rn.px(1e4),cachedCurrentElement:{},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                <GridLayoutLineView ref='$gridLayoutLineView' />\n                <SelectionToolView ref='$selectionTool' />\n                <PathEditorView ref='$pathEditorView' />\n                <PathDrawView ref='$pathDrawView' />\n                <BrushDrawView ref='$brushDrawView' />\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:yo("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:yo("refElement"),value:function(t,e){G(e)&&e(this.getElement(t))}},{key:"getElement",value:function(t){return this.refs.$view.$('[data-id="'.concat(t,'"]'))}},{key:"checkEmptyElement",value:function(t){var e=un.create(t.target);return!!this.$editor.isAddMode()||"selection"===this.state.mode&&!1===e.hasClass("element-item")&&!1===e.hasClass("selection-tool-item")&&!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")&&!1===e.isTag("text")&&!1===e.isTag("img")&&"true"!==e.attr("data-segment")}},{key:An("$view")+Hn("checkEmptyElement")+qn("movePointer")+Jn("moveEndPointer"),value:function(t){if(this.$target=un.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,this.$editor.isSelectionMode()){var e={left:rn.px(this.dragXY.x),top:rn.px(this.dragXY.y),width:rn.px(0),height:rn.px(0)};this.refs.$dragAreaRect.css(e),this.state.cachedCurrentElement={},this.$el.$$(".selected").forEach((function(t){return t.removeClass("selected")}))}}},{key:"movePointer",value:function(t,e){var n=this,r={left:rn.px(this.dragXY.x+(t<0?t:0)),top:rn.px(this.dragXY.y+(e<0?e:0)),width:rn.px(Math.abs(t)),height:rn.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(r),this.$editor.isSelectionMode()){var o,i=r.left,a=r.top,c=r.width,u=r.height,s={x:rn.px(i.value-this.canvasPosition.x),y:rn.px(a.value-this.canvasPosition.y),width:c,height:u};s.x2=rn.px(s.x.value+s.width.value),s.y2=rn.px(s.y.value+s.height.value);var l,f=this.$selection.currentArtboard,p=this.$selection.items;if(f)Object.keys(s).forEach((function(t){s[t].div(n.$editor.scale)})),p=f.checkInAreaForLayers(s),0===s.width.value&&0===s.height.value&&(p=[]),(l=this.$selection).select.apply(l,pR(p))&&this.selectCurrentForBackgroundView.apply(this,pR(p));(o=this.$selection).select.apply(o,pR(p))&&this.emit("refreshSelection")}}},{key:"moveEndPointer",value:function(t,e){var n=this,r=fR(this.refs.$dragAreaRect.styles("left","top","width","height").map((function(t){return rn.parse(t)})),4),o=r[0],i=r[1],a=r[2],c=r[3],u={x:rn.px(o.value-this.canvasPosition.x),y:rn.px(i.value-this.canvasPosition.y),width:a,height:c};if(u.x2=rn.px(u.x.value+u.width.value),u.y2=rn.px(u.y.value+u.height.value),this.refs.$dragAreaRect.css({left:rn.px(-1e4),top:rn.px(0),width:rn.px(0),height:rn.px(0)}),this.$editor.isSelectionMode()){var s,l=this.$selection.currentArtboard,f=[];l?(Object.keys(u).forEach((function(t){u[t].div(n.$editor.scale)})),f=l.checkInAreaForLayers(u),0===u.width.value&&0===u.height.value&&(f=[l]),0===f.length&&l.checkInArea(u)&&(f=[l]),(s=this.$selection).select.apply(s,pR(f))&&this.selectCurrentForBackgroundView.apply(this,pR(f)),f.length?this.emit("refreshSelection"):(this.$selection.select(),this.emit("emptySelection"))):(this.$selection.select(),this.emit("emptySelection"))}else{var p={x:rn.px(u.x.value/this.$editor.scale).floor(),y:rn.px(u.y.value/this.$editor.scale).floor(),width:rn.px(u.width.value/this.$editor.scale).floor(),height:rn.px(u.height.value/this.$editor.scale).floor()};switch(this.$editor.addComponentType){case"image":this.emit("openImage",p);break;case"video":this.emit("openVideo",p);break;default:this.emit("newComponent",this.$editor.addComponentType,p)}}this.sendHelpMessage(),this.emit("removeGuideLine")}},{key:"sendHelpMessage",value:function(){1===this.$selection.length&&this.$selection.current.is("svg-path","svg-brush","svg-polygon","svg-textpath")&&this.emit("addStatusBarMessage","Please click if you want to edit to path ")}},{key:On("$view .element-item.text"),value:function(t){var e=t.$dt.html(),n=t.$dt.text().trim(),r=t.$dt.attr("data-id"),o=[];this.$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 this.$editor.isSelectionMode()}},{key:An("$view .element-item")+Hn("checkEditMode")+qn("calculateMovedElement")+Jn("calculateEndedElement"),value:function(t){if(this.startXY=t.xy,this.$element=t.$dt,this.$element.hasClass("text")&&this.$element.hasClass("selected"))return!1;var e=this.$element.attr("data-id");this.hasSVG=!1,t.shiftKey?this.$selection.toggleById(e):this.$selection.check({id:e})?this.$selection.current.is("svg-path","svg-brush","svg-textpath","svg-polygon")&&(this.hasSVG=!0):this.$selection.selectById(e),this.selectCurrent.apply(this,pR(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelection"),this.children.$selectionTool.initMoveType()}},{key:"calculateMovedElement",value:function(t,e){this.children.$selectionTool.refreshSelectionToolView(t,e,"move"),this.updateRealPosition()}},{key:"updateRealPositionByItem",value:function(t){var e=t.toBound(),n=e.x,r=e.y,o=e.width,i=e.height,a=this.state.cachedCurrentElement[t.id];a||(this.state.cachedCurrentElement[t.id]=this.getElement(t.id),a=this.state.cachedCurrentElement[t.id]),a&&a.cssText("left: ".concat(n,";top:").concat(r,";width:").concat(o,";height:").concat(i,"; transform: ").concat(t.transform,";"))}},{key:"updateRealPosition",value:function(){var t=this;this.$selection.each((function(e){t.updateRealPositionByItem(e)})),this.emit("refreshRect")}},{key:yo("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"']")).attr("data-title",e)}},{key:"calculateEndedElement",value:function(t,e){if(0===t&&0===e){if(this.hasSVG)return void this.emit("openPathEditor")}else this.$selection.setRectCache(),this.emit("removeGuideLine")}},{key:ir("$body"),value:function(){var t=rn.px(this.$editor.canvasWidth),e=rn.px(this.$editor.canvasHeight);return{"data-mode":this.$editor.mode,style:{position:"relative",width:t,height:e}}}},{key:ir("$view"),value:function(){return{style:{transform:"scale(".concat(this.$editor.scale,")")},innerHTML:this.state.html}}},{key:yo("addElement"),value:function(){var t=(this.$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.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}else this.$selection.select(this.$selection.currentArtboard);this.emit("refreshSelectionTool")}},{key:"selectCurrentForBackgroundView",value:function(){var t=this;this.state.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(","),a=this.$el.$$(i);a.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}this.emit("refreshSelection"),this.emit("refreshSelectionTool")}},{key:yo("refreshSelection"),value:function(){this.state.html||this.trigger("addElement"),this.emit("refreshSelectionTool")}},{key:"modifyScale",value:function(){this.refs.$view.css({transform:"scale(".concat(this.$editor.scale,")")}),this.emit("makeSelectionTool",!0)}},{key:yo("changeScale"),value:function(){this.modifyScale()}},{key:yo("refreshCanvasForPartial","refreshSelectionStyleView","refreshSelectionDragStyleView"),value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=t?[t]:this.$selection.items;o.forEach((function(t){e.updateElement(t,n,r)}))}},{key:"updateElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n),this.updateRealPositionByItem(t))}},{key:"updateTimelineElement",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&(t.updateFunction(this.getElement(t.id),e,n,this,!0),this.updateRealPositionByItem(t))}},{key:yo("playTimeline","moveTimeline"),value:function(){var t=this,e=this.$selection.currentArtboard;e&&e.getSelectedTimeline().animations.map((function(t){return e.searchById(t.id)})).forEach((function(e){t.updateTimelineElement(e,!0,!1)}))}},{key:yo("refreshAllCanvas"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.$selection.currentArtboard||{html:""},n=e.html;this.setState({html:n},!1),this.refs.$view.updateDiff(n),t&&this.emit("refreshSelectionTool")}},{key:"refresh",value:function(){this.state.html!=this.prevState.html&&this.load()}},{key:yo("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));pR(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)})),this.$selection.setRectCache()}},{key:yo("refreshElementBoundSize"),value:function(t){var e=this;t&&t.layers.forEach((function(t){if(t.isLayoutItem()){var n=e.getElement(t.id);if(n){var r=n.offsetRect(),o=r.x,i=r.y,a=r.width,c=r.height;t.reset({x:rn.px(o),y:rn.px(i),width:rn.px(a),height:rn.px(c)}),t.is("component")&&e.emit("refreshStyleView",t,!0),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:Sn("view")+Qn,value:function(){}},{key:jn("$view")+Qn,value:function(t){var e=un.create(t.target).attr("data-id");if(e)this.$selection.length?this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")}):this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")},e);else{var n=t.dataTransfer.getData("image/info");this.emit("dropImageUrl",n)}}}])&&hR(n.prototype,r),o&&hR(n,o),e}(ho);function mR(t){return(mR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kR(t,e){return!e||"object"!==mR(e)&&"function"!=typeof e?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 SR(t,e){return(SR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PR=function(t){function e(){return wR(this,e),kR(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&&SR(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=rn.parse(this.props.value||rn.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:er("$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||0}},{key:"setValue",value:function(t){this.setState({value:rn.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:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}])&&OR(n.prototype,r),o&&OR(n,o),e}(ho);function xR(t){return(xR="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 _R(t,e){return!e||"object"!==xR(e)&&"function"!=typeof e?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 TR(t,e){return(TR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RR=function(t){function e(){return $R(this,e),_R(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&&TR(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{NumberInputEditor:PR}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(tv.remove2,"</button>\n        <div class='select'>\n          <NumberInputEditor ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$editor.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(tv.add,"</button>        \n      </div>\n\n    ")}},{key:yo("changeScaleValue"),value:function(t){t<=0&&(t=.01),t=st(100*t,100),this.children.$scale.setValue(t),this.emit("updateScale",t/100)}},{key:yo("changeRangeEditor")+Un(1e3),value:function(t,e){this.trigger("changeScaleValue",Math.floor(e/100))}},{key:bn("$plus")+Qn+tr,value:function(){this.trigger("changeScaleValue",this.$editor.scale+.25)}},{key:bn("$minus")+Qn+tr,value:function(){this.trigger("changeScaleValue",this.$editor.scale-.25)}}])&&ER(n.prototype,r),o&&ER(n,o),e}(ho);function DR(t){return(DR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VR(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 AR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 LR(t,e){return!e||"object"!==DR(e)&&"function"!=typeof e?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 BR(t,e){return(BR=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zR={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(tv.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(tv.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(tv.repeat," Conic")},FR={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"},GR=function(t){function e(){return AR(this,e),LR(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&&BR(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return YF}},{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 Zs.parseStyle(J(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(tv.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='fill-list' ref='$fillList'></div>\n            </div>\n        "))}},{key:"templateForBlendMode",value:function(t,e){return"\n        <div class='popup-item'>\n          <BlendSelectEditor \n                ref='$blend_".concat(t,"' \n                key='blendMode' \n                value=\"").concat(e,'" \n                params="').concat(t,'" \n                onchange="changeRangeEditor" \n            />\n        </div>\n        ')}},{key:er("$fillList"),value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var o=n.image,i=FR[o.type],a=zR[o.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(i,'" >\n                <BackgroundPositionEditor ').concat(Q({key:"background-position",index:r,ref:"$bp".concat(r),x:n.x,y:n.y,width:n.width,height:n.height,repeat:n.repeat,size:n.size,blendMode:n.blendMode})," onchange='changePattern' />\n                <GradientSingleEditor ").concat(Q({index:r,ref:"$gse".concat(r),image:n.image,color:e.color,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(r,'">').concat(a,"</div>\n                    <div class='blend'>\n                      ").concat(t.templateForBlendMode(r,n.blendMode),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(r,"'>").concat(tv.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=q(Zs.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:yo("add"),value:function(){this.state.images.push(new Zs({image:new Au({angle:90,colorsteps:[new Bc({percent:0,color:"white",index:0}),new Bc({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:kn("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$fillList .fill-item")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(VR(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:jn("$fillList .fill-item")+Qn,value:function(t){var e=+t.$dt.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:bn("$fillList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.images.splice(e,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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:yo("selectFillPopupTab"),value:function(t,e){var n=FR[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:yo("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,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),n)}},{key:yo("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}])&&IR(n.prototype,r),o&&IR(n,o),e}(ho);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 YR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function XR(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=function(t){function e(){return YR(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,t),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Jj.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(tv.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:er("$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(tv.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(tv.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">'.concat(this.$i18n("boxshadow.editor.blur"),'</div>\n        <div class="spread-radius">').concat(this.$i18n("boxshadow.editor.spread"),'</div>\n        <div class="tools">\n        </div>\n      </div>\n      ')),t.join("")}},{key:yo("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:yo("add"),value:function(){this.state.boxShadows.push(new Jj),this.refresh(),this.modifyBoxShadow()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:bn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.boxShadows.splice(e,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:bn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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:yo("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:yo("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())}}}])&&XR(n.prototype,r),o&&XR(n,o),e}(ho);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 qR(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 JR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function QR(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=function(t){function e(){return JR(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,t),n=e,(r=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=this.props.value,o=this.props.tabindex;return{keyValueChar:t,splitChar:e,label:this.props.label||"",options:n,value:r,tabIndex:o}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></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:ir("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:er("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e;if((o=e).includes(t.state.keyValueChar)){var r=qR(o.split(t.state.keyValueChar),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:$n("$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)}}])&&QR(n.prototype,r),o&&QR(n,o),e}(ho);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 iD(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 aD(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,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=rn.parse(this.props.value||rn.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,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:er("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString(),l=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),"".concat(t,":").concat(e)})).join(",");return"\n        <div ".concat(Q({ref:"$range",class:tt(iD({"range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\n                    <SelectEditor ref='$unit' key='unit' value=\"").concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(l,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(tv.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:_n("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Tn("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:bn("$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 rn(0,this.children.$unit.getValue()))}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:En("$property"),value:function(t){var e=+this.getRef("$property").value;this.refs.$propertyNumber.val(e),this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:yo("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}])&&cD(n.prototype,r),o&&cD(n,o),e}(ho);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 yD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dD(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 vD(t){return(vD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bD(t,e){return(bD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gD=[{key:"border-top-left-radius",title:"topLeft"},{key:"border-top-right-radius",title:"topRight"},{key:"border-bottom-right-radius",title:"bottomRight"},{key:"border-bottom-left-radius",title:"bottomLeft"}],mD=gD.map((function(t){return t.key})),wD=function(t){function e(){return yD(this,e),dD(this,vD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bD(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){return zj.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:yo("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&mD.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(gD.map((function(e){var n=t.state[e.key],r=t.$i18n("border.radius.editor."+e.title);return"\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(r,"' key='").concat(e.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:En("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:$n("$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,mD.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"]+"":mD.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}])&&hD(n.prototype,r),o&&hD(n,o),e}(ho);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 kD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jD(t,e){for(var n=0;n<e.length;n++){var 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"!==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 kD(this,e),SD(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,t),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:ir("$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:bn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:yo("changeColorSingleEditor"),value:function(t,e){this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t})}}])&&jD(n.prototype,r),o&&jD(n,o),e}(ho);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 _D(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 TD(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 RD(t){return(RD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DD(t,e){return(DD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VD=function(t){function e(){return _D(this,e),TD(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&&DD(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{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})}},{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.label;return"\n            <div class='color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:ir("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:ir("$colorCode"),value:function(){return{value:this.state.value}}},{key:_n("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:Tn("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:bn("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",color:this.state.value})}},{key:bn("$remove"),value:function(t){this.updateData({value:""})}},{key:En("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}},{key:yo("changeColorViewEditor"),value:function(t){this.updateData({value:t})}}])&&CD(n.prototype,r),o&&CD(n,o),e}(ho);function AD(t){return(AD="function"==typeof Symbol&&"symbol"==typeof Symbol.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 LD(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BD(t,e){return!e||"object"!==AD(e)&&"function"!=typeof e?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 FD(t,e){return(FD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GD=function(t){function e(){return LD(this,e),BD(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&&FD(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{key:this.props.key,currentBezier:yj(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(tv.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(tv.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,hj(this.state.currentBezier))}},{key:bn("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=pj.length-1:--n,e=pj[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:bn("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%pj.length,e=pj[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:bn("$text"),value:function(){var t=ID(pj[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:bn("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=yj(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=yj(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,y=a;u.beginPath(),u.moveTo(o,i+c),u.bezierCurveTo(o+s,i+l,o+f,i+p,o+y,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=yj(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:rn.px(r),top:rn.px(o)}),r=t[2]*e,o=(1-t[3])*n,this.refs.$pointer2.css({left:rn.px(r),top:rn.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=yj(this.state.currentBezier),e=xj(hj(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:ft(c,n),y:u==r?0:(r-u)/r}}},{key:An("$pointer1")+qn("movePointer1")+Jn("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:An("$pointer2")+qn("movePointer2")+Jn("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:yo("showCubicBezierEditor"),value:function(t){var e=yj(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")}}])&&MD(n.prototype,r),o&&MD(n,o),e}(ho);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,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YD(Object(n),!0).forEach((function(e){ND(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return 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 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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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,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 qD(t){return(qD=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function JD(t,e){return(JD=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QD={blur:NS.spec,grayscale:WS.spec,"hue-rotate":US.spec,invert:ZS.spec,brightness:qS.spec,contrast:JS.spec,"drop-shadow":nP.spec,opacity:QS.spec,saturate:tP.spec,sepia:eP.spec,svg:KS.spec},tV=function(t){function e(){return WD(this,e),ZD(this,qD(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&JD(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD,RangeEditor:fD,ColorViewEditor:VD}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:XS.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(tv.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>"))}},{key:er("$filterSelect"),value:function(){var t=J$.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:"getSpec",value:function(t){return QD[t]}},{key:"makeDropShadowFilterTemplate",value:function(t,e,n){var r=this;return('\n      <div class="filter-item">\n        <div class="title drop-shadow" draggable="true" data-index="'.concat(n,'">\n          <label>').concat(this.$i18n("filter.property.drop-shadow"),'</label>\n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <ColorViewEditor \n            label="').concat(this.$i18n("filter.property.drop-shadow.color"),"\" \n            ref='$dropShadowColorView").concat(n,"' \n            params=\"").concat(n,'" \n            value="').concat(e.color,'" \n            onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map((function(o){return'        \n            <div class="filter-ui drop-shadow">\n                <RangeEditor \n                  ref=\'$'.concat(o).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(o)),'"\n                  key="').concat(n,'" \n                  min="').concat(t[o].min,'"\n                  min="').concat(t[o].max,'"\n                  params="').concat(o,'" \n                  value="').concat(e[o].value,'" units="').concat(t[o].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')})).join(""),"\n      </div>\n    "))}},{key:"getSVGFilterList",value:function(){var t=this.$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=this.$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,o="".concat(this.$i18n("filter.property."+e.type));return'\n      <div class="filter-item" data-index="'.concat(n,'">\n        <div class="title" >\n          <label draggable="true" data-index="').concat(n,'" title="').concat(r?"":o,'">').concat(o,"</label>\n          ").concat("svg"!=e.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,e,t),"\n          </div>\n        "):"\n          <div>\n            <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(e.value,"</span>\n          </div>\n        "),'          \n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.remove2,"\n            </button>\n          </div>\n        </div>\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:er("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:kn("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$filterList .filter-item .title label")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(KD(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:jn("$filterList .filter-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.$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 XS.parse(XD({},e,{type:t}))}},{key:bn("$filterList .svg-filter-edit"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.state.filters[e],r=this.$selection.currentProject;if(r){var o=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",o)}}},{key:yo("openSVGFilterPopup"),value:function(t){var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:t,preview:!1,filters:e.filters})}},{key:yo("changeSVGFilterRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:yo("add"),value:function(t){var e=this;"svg"===t?this.emit("addSVGFilterAssetItem",(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:bn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:bn("$filterList .filter-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.filters.splice(e,1),this.refresh(),this.modifyFilter()}},{key:yo("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:yo("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(ND({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}])&&UD(n.prototype,r),o&&UD(n,o),e}(ho);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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function oV(t,e){for(var n=0;n<e.length;n++){var 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"!==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 aV(t){return(aV=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 uV=function(t){function e(){return rV(this,e),iV(this,aV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=rn.parse(this.props.value||rn.px(0));return{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||"",units:t,value:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:er("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,o=t.label,i=t.removable,a=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var u=a,s=(+c).toString();return"\n        <div ".concat(Q({ref:"$range",class:tt(nV({"input-range-editor":!0,"has-label":!!o,"is-removable":i},u,!0))}),">\n            ").concat(o?'<label title="'.concat(o,'">').concat(o,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(s,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\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(tv.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:_n("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:Tn("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:bn("$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 rn(0,this.children.$unit.getValue()))}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:yo("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:yo("changeVarType"),value:function(t,e){this.updateData({value:new rn(this.refs.$calc.value,e)})}}])&&oV(n.prototype,r),o&&oV(n,o),e}(ho);function sV(t){return(sV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lV(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 fV(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 pV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hV(t,e){return!e||"object"!==sV(e)&&"function"!=typeof e?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=["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"],gV=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],mV={"image-resource":tv.photo},wV={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},OV={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%"]},kV=function(t){function e(){return pV(this,e),hV(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,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,SelectEditor:rD}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:Zs.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:Zs.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' title='").concat(this.$i18n("gradient.editor.drag.message"),"'></div>\n              <div class='drag-pointer' ref='$dragPosition'></div>\n              <div class='preset-position'>\n                <div data-value='top' title='top'>").concat(tv.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(tv.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(tv.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(tv.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(tv.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(gV.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(mV[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(bV.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:$n("$file"),value:function(t){var e=this;this.$selection.currentProject&&fV(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:bn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");OV[e]&&(this.state.image.radialPosition=Y(OV[e]),this.refresh(),this.updateData())}},{key:gn("$gradientView")+Qn,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:An("$gradientView")+qn("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=rn.percent((n-this.containerRect.x)/this.containerRect.width*100),i=rn.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:bn("$tab .picker-tab-item"),value:function(t){var e=t.$dt.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=Zs.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:rn.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:yo("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:yo("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:bn("$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:ir("$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:ir("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ir("$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:ir("$dragPosition"),value:function(){var t="50%",e="50%";if(wV[this.state.image.type]){var n=lV(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:er("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' data-cut='").concat(e.cut,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>'))}))}},{key:bn("$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){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(rn.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:An("$stepList .step")+qn(),value:function(t){var e=t.$dt.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(rn.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(qc.toColorString(t.colorsteps),")")}},{key:yo("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:yo("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())}}])&&yV(n.prototype,r),o&&yV(n,o),e}(ho);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 SV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PV(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xV(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EV(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,e,n){return(_V="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=CV(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 CV(t){return(CV=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 RV=function(t){function e(){return xV(this,e),EV(this,CV(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new rn(0,"infinite"):rn.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]:{};e%2?SV(Object(n),!0).forEach((function(e){PV(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},_V(CV(e.prototype),"initState",this).call(this),{},{key:this.props.key,params:this.props.params||"",units:n,value:t})}}])&&$V(n.prototype,r),o&&$V(n,o),e}(fD);function DV(t){return(DV="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function IV(t,e){for(var n=0;n<e.length;n++){var 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"!==DV(e)&&"function"!=typeof e?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 BV(t,e){return(BV=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zV=function(t){function e(){return AV(this,e),LV(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&&BV(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=VV(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(tv.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>"))}},{key:yo("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:er("$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(tv.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:bn("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:En("$varList input"),value:function(t){var e=+t.$dt.attr("data-index"),n=t.$dt.attr("data-type");this.state.values[e][n]=t.$dt.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)}}])&&IV(n.prototype,r),o&&IV(n,o),e}(ho);function FV(t){return(FV="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GV(Object(n),!0).forEach((function(e){YV(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YV(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function XV(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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==FV(e)&&"function"!=typeof e?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=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],JV={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"]},QV=function(t){function e(){return NV(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,t),n=e,(r=[{key:"components",value:function(){return{NumberInputEditor:PR,RangeEditor:fD}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:ti.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(qV.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(tv.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 JV[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>').concat(this.$i18n("css.item."+t),'</label>\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 class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.remove2,"\n            </button>\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>').concat(this.$i18n("css.item."+t),'</label>\n          <div></div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(tv.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:er("$transformList"),value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:kn("$transformList .transform-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$transformList .transform-item")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(XV(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:jn("$transformList .transform-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.$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[rn.px(0)];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[rn.deg(0)];case"translate":return[rn.px(0),rn.px(0)];case"translate3d":return[rn.px(0),rn.px(0),rn.px(0)];case"scale":return[rn.number(1),rn.number(1)];case"scaleX":case"scaleY":return[rn.number(1)];case"matrix":return[rn.number(1),rn.number(0),rn.number(0),rn.number(1),rn.number(0),rn.number(0)];case"matrix3d":return[rn.number(1),rn.number(0),rn.number(0),rn.number(0),rn.number(0),rn.number(1),rn.number(0),rn.number(0),rn.number(0),rn.number(0),rn.number(1),rn.number(0),rn.number(0),rn.number(0),rn.number(0),rn.number(1)]}return[rn.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return ti.parse(HV({},e,{type:t,value:n}))}},{key:yo("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:bn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:bn("$transformList .transform-menu .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.transforms.splice(e,1),this.refresh(),this.modifyTransform()}},{key:yo("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}])&&KV(n.prototype,r),o&&KV(n,o),e}(ho);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 function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 nA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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)}var cA=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"}],uA=cA.map((function(t){return t.key})),sA={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%"},lA=function(t){function e(){return nA(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,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":rn.percent(50),"transform-origin-x":rn.percent(50),"transform-origin-y":rn.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=rn.parse(t[0]),e["transform-origin-x"]=rn.parse(t[0]),e["transform-origin-y"]=rn.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=rn.parse(t[0]),e["transform-origin-y"]=rn.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:bn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=eA(sA[e].split(" "),2),r=n[0],o=n[1];this.state["transform-origin-x"]=rn.parse(r),this.state["transform-origin-y"]=rn.parse(o),this.refresh(),this.modifyTransformOrigin()}},{key:yo("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&uA.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(cA.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,uA.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:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}])&&rA(n.prototype,r),o&&rA(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 yA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 dA(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 vA(t){return(vA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bA(t,e){return(bA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gA=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],mA=gA.map((function(t){return t.key})),wA={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%"},OA=function(t){function e(){return yA(this,e),dA(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&&bA(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":rn.px(0),"perspective-origin-x":rn.px(0),"perspective-origin-y":rn.px(0)};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=rn.parse(t[0]),e["perspective-origin-x"]=rn.parse(t[0]),e["perspective-origin-y"]=rn.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=rn.parse(t[0]),e["perspective-origin-y"]=rn.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:bn("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=pA(wA[e].split(" "),2),r=n[0],o=n[1];this.state["perspective-origin-x"]=rn.parse(r),this.state["perspective-origin-y"]=rn.parse(o),this.refresh(),this.modifyPerspectiveOrigin()}},{key:yo("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&mA.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(gA.map((function(e){var n=t.$i18n(e.title);return("\n              <div>\n                  <RangeEditor ref='$".concat(e.key,"' label='").concat(n,"' 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,mA.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:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}])&&hA(n.prototype,r),o&&hA(n,o),e}(ho);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 jA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PA(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 xA(t){return(xA=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 EA=function(t){function e(){return jA(this,e),PA(this,xA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){var t=rn.parse(this.props.value||rn.number(0));return t=t.toUnit("number"),{removable:"true"===this.props.removable,clamp:"true"===this.props.clamp,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:er("$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 title="'.concat(o,'">').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,"\" tabIndex=\"1\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(tv.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:rn.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:rn.parse(t)})}},{key:"getValue",value:function(){return this.state.clamp?this.state.value.clamp(this.state.min,this.state.max):this.state.value}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:_n("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:Tn("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:bn("$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.getValue(),this.props.params)}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:En("$property"),value:function(t){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=rn.number(0)),this.updateData({value:this.state.value.set(e)})}}])&&SA(n.prototype,r),o&&SA(n,o),e}(ho);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 CA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function TA(t,e){for(var n=0;n<e.length;n++){var 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"!==_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 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 AA=function(t){function e(){return CA(this,e),RA(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,t),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:er(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:bn(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:yo("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}])&&TA(n.prototype,r),o&&TA(n,o),e}(ho);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 LA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BA(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 zA(t){return(zA=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FA(t,e){return(FA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GA=function(t){function e(){return LA(this,e),BA(this,zA(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FA(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:wS.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(tv.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:er("$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(tv.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:"modifyTextShadow",value:function(){var t=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:yo("add"),value:function(){this.state.textShadows.push(new wS),this.refresh(),this.modifyTextShadow()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:bn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:bn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.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){this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:t.color,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius},{id:this.id})}},{key:yo("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}])&&MA(n.prototype,r),o&&MA(n,o),e}(ho);function HA(t){return(HA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YA(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 NA(t,e){return!e||"object"!==HA(e)&&"function"!=typeof e?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 WA(t,e){return(WA=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UA=function(t){function e(){return YA(this,e),NA(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&&WA(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:EA}}},{key:"initState",value:function(){return{value:this.generateValue(this.props.value||"")}}},{key:"template",value:function(){return"\n      <div class='stroke-dasharray-editor'>\n        <div ref='$body'></div>\n        <div class='tools'>\n          <label ref='$add'>".concat(tv.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>\n      </div>\n    ")}},{key:"toStringValue",value:function(){return this.state.value.join(" ")}},{key:"getValue",value:function(){return this.toStringValue()}},{key:"generateValue",value:function(t){return t.split(" ").filter(Boolean).map((function(t){return+t}))}},{key:"setValue",value:function(t){L(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:er("$body"),value:function(){return this.state.value.map((function(t,e){var n=e+1;return("\n        <div class='dasharray-item'>\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            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(tv.remove2,"</button>\n        </div>\n      "))}))}},{key:yo("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:bn("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:bn("$body .delete"),value:function(t){var e=+t.$dt.attr("data-index");this.state.value.splice(e,1),this.refresh(),this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}])&&XA(n.prototype,r),o&&XA(n,o),e}(ho);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 qA(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 JA(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QA(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function tI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function eI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function nI(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 rI(t){return(rI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oI(t,e){return(oI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var iI=function(t){function e(){return tI(this,e),nI(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&&oI(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{parser:new aa(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 aa(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:er("$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]:{};e%2?JA(Object(n),!0).forEach((function(e){QA(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JA(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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\n                        ").concat("Z"===t.command?!1===t.toggle?"opened":"closed":"","\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:En("$data input[type=number]")+Un(300),value:function(t){this.updateData()}},{key:bn("$data .command[data-toggle]"),value:function(t){var e=qA(t.$dt.attrs("data-command","data-toggle"),2),n=e[0],r=e[1];"Z"===n&&(r="false"!==r?"false":"true",t.$dt.attr("data-toggle",r),this.updateData())}}])&&eI(n.prototype,r),o&&eI(n,o),e}(ho);function aI(t){return(aI="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function uI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function sI(t,e){return!e||"object"!==aI(e)&&"function"!=typeof e?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 fI(t,e){return(fI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var pI=function(t){function e(){return cI(this,e),sI(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&&fI(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{parser:new jP(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 jP(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:er("$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:En("$data input[type=number]")+Un(300),value:function(t){this.updateData()}}])&&uI(n.prototype,r),o&&uI(n,o),e}(ho);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 hI(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 dI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function bI(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 gI(t){return(gI=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 wI=function(t){function e(){return dI(this,e),bI(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&&mI(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD,SelectEditor:rD}}},{key:"initState",value:function(){var t=hI((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=hI((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=this.$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:er(),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='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(o,'" options="').concat(e,"\" onchange='changeRangeEditor' />\n            </div>\n            <div class='offset-path-item'>\n                <div>").concat(this.$i18n("offset.path.list.editor.totalLength"),": <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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.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='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(a||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:ir("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:yo("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")}}])&&vI(n.prototype,r),o&&vI(n,o),e}(ho);function OI(t,e){for(var n=0;n<e.length;n++){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 kI={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},jI=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 J(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){kI[t]?e=t:Fe.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)&&OI(e.prototype,n),r&&OI(e,r),t}();function SI(t){return(SI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function PI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xI(t,e){for(var n=0;n<e.length;n++){var 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"!==SI(e)&&"function"!=typeof e?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){return(EI=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 CI=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),TI=function(t){function e(){return PI(this,e),$I(this,EI(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,SelectEditor:rD,ColorViewEditor:VD,ColorSingleEditor:$D}}},{key:"initState",value:function(){return{value:jI.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 jI.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=jI.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||rn.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(CI,"' 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:yo("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}])&&xI(n.prototype,r),o&&xI(n,o),e}(ho);function RI(t){return(RI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function AI(t,e){return!e||"object"!==RI(e)&&"function"!=typeof e?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 LI(t,e){return(LI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var MI=["border","border-top","border-right","border-bottom","border-left"],BI={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},zI=function(t){function e(){return DI(this,e),AI(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&&LI(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BorderValueEditor:TI}}},{key:"initState",value:function(){var t=jI.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 jI.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=jI.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:er("$editorArea"),value:function(){var t=this;return MI.map((function(e){var n=BI[e]||e;return n=t.$i18n("border.editor."+n),"\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>".concat(this.$i18n("border.editor.width"),"</label>\n          <label>").concat(this.$i18n("border.editor.style"),"</label>\n          <label>").concat(this.$i18n("border.editor.color"),"</label>\n        </div>\n        <div class='editor-area' ref='$editorArea'>\n\n        </div>\n      </div>\n    ")}},{key:yo("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}])&&VI(n.prototype,r),o&&VI(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 HI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function YI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function XI(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 NI(t){return(NI=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function KI(t,e){return(KI=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var WI=function(t){function e(){return HI(this,e),XI(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&&KI(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{NumberRangeEditor:EA}}},{key:"initState",value:function(){var t=GI((this.props.value||"").split(":"),3);return{start:+(t[0]||0),end:+(t[1]||1),duration:+(t[2]||1)}}},{key:"refresh",value:function(){this.load(),this.children.$s.setValue(this.state.start*this.state.duration),this.children.$e.setValue(this.state.end*this.state.duration),this.children.$s.setMax(this.state.duration),this.children.$e.setMax(this.state.duration)}},{key:"template",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return("\n            <div class='media-progress-editor'>\n                <div class='drag-area'>\n                    <div class='progress-bar' ref='$progress'></div>\n                    <div class='bar' ref='$bar'></div>                \n                    <div class='drag-item start' ref='$start'></div>\n                    <div class='drag-item end' ref='$end'></div>\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$s' \n                        label='Start' \n                        key='start' \n                        min=\"0\" \n                        max=\"".concat(r,'" \n                        step="0.001" \n                        value="').concat(e*r,"\" \n                        onchange=\"changeValue\" \n                    />\n                </div>\n                <div class='item'>\n                    <NumberRangeEditor \n                        ref='$e' \n                        label='End' \n                        key='end' \n                        min=\"0\" \n                        max=\"").concat(r,'" \n                        step="0.001" \n                        value="').concat(n*r,'" \n                        onchange="changeValue" \n                    />\n                </div>                \n            </div>\n        '))}},{key:yo("changeValue"),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.state.duration),!0)}},{key:An("$start")+qn("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=rn.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=rn.parse(this.refs.$end.css("left")).toPx(this.rect.width)}},{key:"moveStart",value:function(t,e){var n=Math.min(this.max.value,Math.max(0,this.pos.value+t));this.state.start=n/this.rect.width,this.children.$s.setValue(this.state.start*this.state.duration),this.refresh(),this.updateData()}},{key:ir("$start"),value:function(){return{"data-info":this.state.start,style:{left:rn.percent(100*(this.state.start||0))}}}},{key:An("$end")+qn("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=rn.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=rn.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=rn.px(this.rect.width)}},{key:"moveStartForEnd",value:function(t,e){var n=Math.max(this.min.value,Math.min(this.max.value,this.pos.value+t));this.state.end=n/this.rect.width,this.children.$e.setValue(this.state.end*this.state.duration),this.refresh(),this.updateData()}},{key:ir("$end"),value:function(){return{"data-info":this.state.end,style:{left:rn.percent(100*(this.state.end||1))}}}},{key:ir("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:rn.percent(100*t),width:rn.percent(100*(e-t))}}}},{key:"getValue",value:function(){var t=this.state,e=t.start,n=t.end,r=t.duration;return"".concat(e,":").concat(n,":").concat(r)}},{key:"setValue",value:function(t){var e=GI(t.split(":"),3),n=e[0],r=e[1],o=e[2];this.setState({start:Number(n),end:Number(r),duration:Number(o)})}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState(t,e),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&YI(n.prototype,r),o&&YI(n,o),e}(ho);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 ZI(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qI(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JI(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 QI(t){return(QI=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 ZI(this,e),JI(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&&tL(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BorderEditor:zI,NumberRangeEditor:EA,SelectEditor:rD,TextShadowEditor:GA,BoxShadowEditor:UR,FilterEditor:tV,ColorViewEditor:VD,RangeEditor:fD,StrokeDashArrayEditor:UA,BackgroundImageEditor:GR,TransformEditor:QV,TransformOriginEditor:lA,PerspectiveOriginEditor:OA,VarEditor:zV,BorderRadiusEditor:wD,ClipPathEditor:AA,PathDataEditor:iI,PolygonDataEditor:pI,OffsetPathListEditor:wI,MediaProgressEditor:WI}}},{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(tt({"hide-title":this.state.hideTitle,"hide-refresh":this.state.hideRefresh}),"'>\n        <div class='title'>\n          <label>").concat(this.$i18n("css.property.editor.properties"),"</label>\n          <div class='tools'>\n            ").concat(this.makePropertySelect(),"\n            <button type=\"button\" ref='$addProperty'>").concat(tv.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":case"playTime":return rn.string("");case"offset-distance":return rn.percent(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return rn.px(0)}}},{key:bn("$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=this.$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(Q({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          <BlendSelectEditor \n          ref='$mixBlendMode".concat(e,"' \n          key='mix-blend-mode' \n          icon=\"true\" \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      "):"playTime"===t.key?"\n        <MediaProgressEditor ref='$playTime".concat(e,"'  key='playTime' value=\"").concat(t.value,'" onchange="changeSelect" />      \n      '):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:yo("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:yo("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:yo("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:yo("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:yo("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:yo("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:yo("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:yo("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:yo("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:yo("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:yo("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:yo("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:yo("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:yo("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":case"playTime":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=\"").concat(0,'"\n              max="').concat(1,'"\n              step="').concat(.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:yo("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:er("$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(tv.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(tv.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:yo("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:bn("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:bn("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}])&&qI(n.prototype,r),o&&qI(n,o),e}(ho);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){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 oL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 oL(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,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,CSSPropertyEditor:eL}}},{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 \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(rn.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:yo("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){if(!(arguments.length>1&&void 0!==arguments[1])||arguments[1],A(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:er("$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!un.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:bn("$offset")+Hn("isNotOffsetItem")+Qn,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=rn.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new BO({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:An("$offset .offset-item")+qn("moveOffset")+Jn("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=rn.parse(t.$dt.css("left")),this.currentOffset=t.$dt,this.currentOffsetIndex=+t.$dt.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=rn.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:yo("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:yo("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=rL(t)),this.modifyOffset()}}])&&iL(n.prototype,r),o&&iL(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 pL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 hL(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 dL(t){return(dL=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vL(t,e){return(vL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bL=function(t){function e(){return pL(this,e),hL(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&&vL(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new rn("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),o=fL(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=fL(i,2),c=a[0],u=a[1];return A(u)&&(u=c),{radius:e,x:c=rn.parse(c),y:u=rn.parse(u)}}},{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:ir("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:An("$area")+qn()+Jn(),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=rn.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=rn.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:yo("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new rn("","closest-side"):r.includes("farthest-side")&&(n=new rn("","farthest-side")),this.updateData({radius:n})}}}])&&yL(n.prototype,r),o&&yL(n,o),e}(ho);function gL(t){return(gL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 OL(t,e){return!e||"object"!==gL(e)&&"function"!=typeof e?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 jL(t,e){return(jL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SL=function(t){function e(){return mL(this,e),OL(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&&jL(t,e)}(e,t),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:ir("$text"),value:function(){return{value:this.state.value}}},{key:En("$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)}}])&&wL(n.prototype,r),o&&wL(n,o),e}(ho);function PL(t){return(PL="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EL(t,e){return!e||"object"!==PL(e)&&"function"!=typeof e?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 CL(t,e){return(CL=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var TL=function(t){function e(){return xL(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&&CL(t,e)}(e,t),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:ir("$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:er("$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:En("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&$L(n.prototype,r),o&&$L(n,o),e}(ho);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 DL(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)||IL(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function VL(t,e){return LL(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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)||AL()}function AL(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function IL(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}function LL(t){if(Array.isArray(t))return t}function ML(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BL(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ML(Object(n),!0).forEach((function(e){zL(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ML(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zL(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function FL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function GL(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HL(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 YL(t){return(YL=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 NL=function(t){function e(){return FL(this,e),HL(this,YL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"components",value:function(){return{TextEditor:SL,NumberRangeEditor:EA,SelectEditor:rD}}},{key:"initState",value:function(){return BL({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=function(t){return LL(t)||IL(t)||AL()}(t.split(" ")),n=e[0],r=e.slice(1);if("linear"===n)var o=VL(r,2),i=o[0],a=o[1];else if("gamma"===n)var c=VL(r,3),u=c[0],s=c[1],l=c[2];return{type:n,values:r,slop:i,intercept:a,amplitude:u,exponent:s,offset:l}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:er("$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:yo("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(DL(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(BL({},this.parse(t)))}},{key:yo("changeValues"),value:function(t,e){this.updateData(zL({},t,e.split(" ")))}},{key:yo("changeLinear"),value:function(t,e){this.updateData(zL({},t,e))}},{key:yo("changeGamma"),value:function(t,e){this.updateData(zL({},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)}}])&&GL(n.prototype,r),o&&GL(n,o),e}(ho),KL={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 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 UL(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZL(t,e){for(var n=0;n<e.length;n++){var 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"!==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 JL(t){return(JL=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 tM=Object.keys(KL).map((function(t){return{title:t,values:KL[t]}})),eM=function(t){function e(){return UL(this,e),qL(this,JL(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){return{values:Lt(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:ir("$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: left; \n            ")}}},{key:er("$sample"),value:function(){return tM.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:bn("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=tM[e];this.updateData({values:Lt(n.values)}),this.load("$body")}},{key:er("$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:En("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}])&&ZL(n.prototype,r),o&&ZL(n,o),e}(ho),nM={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:"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:"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 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){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 iM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 cM(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 uM(t){return(uM=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sM(t,e){return(sM=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lM=function(t){function e(){return iM(this,e),cM(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&&sM(t,e)}(e,t),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:er("$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:$n("$file"),value:function(t){var e=this,n=oM(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:bn("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:yo("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)}}])&&aM(n.prototype,r),o&&aM(n,o),e}(ho);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 pM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yM(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function dM(t,e){for(var n=0;n<e.length;n++){var 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"!==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 bM(t,e,n){return(bM="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=gM(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 gM(t){return(gM=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 wM=function(t){function e(){return hM(this,e),vM(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&&mM(t,e)}(e,t),n=e,(r=[{key:"getBlendList",value:function(){var t=this;return tE.split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("blend.".concat(e)))}))}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pM(Object(n),!0).forEach((function(e){yM(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},bM(gM(e.prototype),"initState",this).call(this),{options:this.getBlendList()})}}])&&dM(n.prototype,r),o&&dM(n,o),e}(rD);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 kM(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 jM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jM(Object(n),!0).forEach((function(e){PM(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function PM(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function xM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EM(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 _M(t){return(_M=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 TM=[{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"}]}],RM=[{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 DM(t){switch(t){case"SpecularLighting":return tv.specular;case"DiffuseLighting":return tv.diffuse;case"SourceGraphic":case"SourceAlpha":return tv.image;case"BackgroundImage":case"BackgroundAlpha":return tv.outline_image;case"Flood":return tv.palette;case"Image":return tv.landscape;case"GaussianBlur":return tv.blur;case"ColorMatrix":return tv.blur_linear;case"Turbulence":return tv.waves;case"Saturate":return tv.vintage;case"HueRotate":return tv.looks;case"LuminanceAlpha":return tv.opacity;case"DropShadow":return tv.shadow;case"Morphology":return tv.broken_image;case"ConvolveMatrix":return tv.camera_roll;case"Offset":return tv.transform;case"Tile":return tv.view_comfy;case"Blend":return tv.gradient;case"Composite":return tv.merge;case"Merge":return tv.settings_input_component;case"DisplacementMap":return tv.texture}return""}function VM(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 AM=[45],IM=[20],LM={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},MM={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(MM).forEach((function(t){MM[t]=MM[t].map((function(t){return t+20}))}));var BM=function(t){function e(){return xM(this,e),EM(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&&CM(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BlendSelectEditor:wM,ColorMatrixEditor:eM,InputArrayEditor:TL,NumberRangeEditor:EA,RangeEditor:fD,ColorViewEditor:VD,SelectEditor:rD,TextEditor:SL,FuncFilterEditor:NL,ImageSelectEditor:lM}}},{key:"makeFilterSelect",value:function(){var t=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(nt(TM,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(nt(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(DM(e.value),"</span>\n                  ").concat(t.$i18n(e.label),"\n                </div>\n                ")})),"\n          </div>\n        ")})),"\n    </div>\n    "))}},{key:"makeFilterTemplateSelect",value:function(){var t=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n  \n      ".concat(nt(RM,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(nt(e.items,(function(e){return' <div class=\'item\' draggable="true" value="'.concat(e.value,'">').concat(t.$i18n(e.label),"</div>")})),"\n          </div>\n        ")})),"\n    </div>\n    "))}},{key:"initState",value:function(){return{filters:this.parseFilter(this.props.value||[]),selectedTabIndex:1,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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\'Item\'>\n                <label class=\'icon\'>'.concat(this.$i18n("svg.filter.editor.tab.filter"),'</label>\n              </div>\n              <div class="tab-item" data-value="2" title="Preset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.preset"),'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="Asset">\n                <label class=\'icon\'>').concat(this.$i18n("svg.filter.editor.tab.asset"),'</label>\n              </div>\n            </div>\n            <div class="tab-body">\n              <div class="tab-content selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content" data-value="2">\n                ').concat(this.makeFilterTemplateSelect(),"\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:bn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedTabIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedTabIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedTabIndex:e},!1))}},{key:kn("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:Sn("$connectedLinePanel")+Qn,value:function(){}},{key:jn("$connectedLinePanel")+Qn,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=nM[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return $O[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("blend"===t.inputType)return"\n        <div>\n          <BlendSelectEditor \n            ref='$blend".concat(r,"' \n            label=\"").concat(t.title,'"\n            key="').concat(n,"\"\n            value='").concat(e[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ');if("select"===t.inputType){var o=t.options;return G(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(tv.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(R(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:er("$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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.map((function(t){return PO.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return PO.parse(SM({},e,{type:t}))}},{key:bn("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:bn("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:bn("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:er("$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:An("$graphPanel .filter-node")+qn()+Jn(),value:function(t){this.$target=t.$dt,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=un.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=Y(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:er("$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(Q({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 ha,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+AM[0],r=t.bound.y+IM[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+LM[i][0],y:o.it.bound.y+MM[i][c]}]}},{key:er("$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=VM(e.type);return"\n              <path ".concat(Q({class:"connected-line","data-source-type":o,d:t.makeConnectedPath(r)})," />\n\n              ").concat(r.length&&"\n                <circle ".concat(Q({"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:bn("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=kM(t.$dt.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=this.$config.get("bodyEvent"),o=un.create(r.target),i=o.closest("filter-node");if("out"===this.pointType){if(o.hasClass("in")&&(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;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:rn.px(n.bound.x),top:rn.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(tt({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(t.$i18n(e.type),"</div>\n          <div class='remove'>").concat(tv.close,"</div>\n          <div class='preview' data-source-type=\"").concat(VM(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(DM(e.type),"</div>\n          <div class='in-list'>\n            ").concat(K(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(tv.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:yo("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:yo("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(PM({},t,e)),this.modifyFilter()}},{key:yo("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(PM({},t,e)),this.modifyFilter()}},{key:yo("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(PM({},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:bn("$graphPanel .filter-node .remove"),value:function(t){var e=+t.$dt.closest("filter-node").attr("data-index"),n=this.state.filters[e];this.removeFilter(n.id)}}])&&$M(n.prototype,r),o&&$M(n,o),e}(ho);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 FM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 HM(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 YM(t){return(YM=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 NM=function(t){function e(){return FM(this,e),HM(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&&XM(t,e)}(e,t),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:ir("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:er("$body"),value:function(){var t=this;return Object.keys(tv).map((function(e){var n=tv[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:bn("$body .list-view-item"),value:function(t){var e=t.$dt.attr("data-key");t.$dt.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)}}])&&GM(n.prototype,r),o&&GM(n,o),e}(ho);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 WM(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 WM(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,t),n=e,(r=[{key:"components",value:function(){return{IconListViewEditor:NM}}},{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:bn("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:yo("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})}}])&&UM(n.prototype,r),o&&UM(n,o),e}(ho);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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 nB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function rB(t,e){for(var n=0;n<e.length;n++){var 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"!==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 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=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],uB=function(t){function e(){return nB(this,e),oB(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,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){var t=eB(Sd.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:yo("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&cB.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:er("$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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(cB.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:bn("$selector button"),value:function(t){var e=t.$dt.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})}}])&&rB(n.prototype,r),o&&rB(n,o),e}(ho);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 lB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fB(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pB(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 yB(t){return(yB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hB(t,e){return(hB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dB=function(t){function e(){return lB(this,e),pB(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&&hB(t,e)}(e,t),n=e,(r=[{key:"afterRender",value:function(){var t=this;this.colorPicker=Lh.create({$editor:this.$editor,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'\n      <div ref="$color"></div>\n    '}},{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)}}])&&fB(n.prototype,r),o&&fB(n,o),e}(ho);function vB(t){return(vB="function"==typeof Symbol&&"symbol"==typeof Symbol.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){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 gB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==vB(e)&&"function"!=typeof e?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){return(OB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kB(t,e){return(kB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jB=function(t){function e(){return gB(this,e),wB(this,OB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kB(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=this.props["key-value-char"]||":",e=this.props.split||",",n=(this.props.options||"").split(e).map((function(t){return t.trim()})),r=(this.props.icons||"").split(e).map((function(t){return t.trim()})),o=(this.props.colors||"").split(e).map((function(t){return t.trim()})),i=this.props.value||"";return{keyValueChar:t,label:this.props.label||"",options:n,icons:r,colors:o,value:i}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='select-icon-editor ".concat(t?"has-label":"","'>\n                ").concat(t?'<label title="'.concat(t,'">').concat(t,"</label>"):"","\n                <div class='items' ref='$options'></div>\n            </div>\n        ")}},{key:bn("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:er("$options")+Wn,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e,o=e,i="";if((c=e).includes(t.state.keyValueChar)){var a=bB(c.split(t.state.keyValueChar),2),c=a[0];r=a[1]}var u=c===t.state.value,s=u?"selected":"";if(""===e)r=tv.close,o="close";else{var l=t.state.icons[n];tv[l]&&(i="icon"),o=r,r=tv[l]||r||l||e}var f=t.state.colors[n],p={};return u&&f&&(p["background-color"]=f),"<div class='select-icon-item ".concat(s," ").concat(i,"' style='").concat(q(p),"' data-value=\"").concat(c,"\" title='").concat(o,"'>").concat(r,"</div>")}))}},{key:bn("$options .select-icon-item"),value:function(t){var e=t.$dt.attr("data-value");this.updateData({value:e}),this.refresh()}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}])&&mB(n.prototype,r),o&&mB(n,o),e}(ho);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 PB(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xB(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PB(Object(n),!0).forEach((function(e){$B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $B(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function EB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 CB(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 RB(t,e){return(RB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var DB=function(t){function e(){return EB(this,e),CB(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&&RB(t,e)}(e,t),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(xB({},t))}},{key:ir("$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:bn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:yo("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(xB({},t))}}])&&_B(n.prototype,r),o&&_B(n,o),e}(ho);function VB(t){return(VB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AB(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}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 LB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 BB(t,e){return!e||"object"!==VB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zB(t){return(zB=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FB(t,e){return(FB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GB=function(t){function e(){return LB(this,e),BB(this,zB(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FB(t,e)}(e,t),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]:{};e%2?AB(Object(n),!0).forEach((function(e){IB(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):AB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:ir("$miniView"),value:function(){return{style:{"background-image":this.state.image,"background-size":"cover",color:this.props.color}}}},{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:bn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:yo("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}])&&MB(n.prototype,r),o&&MB(n,o),e}(ho);function HB(t){return(HB="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YB(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 NB(t,e){return!e||"object"!==HB(e)&&"function"!=typeof e?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 WB(t,e){return(WB=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UB=function(t){function e(){return YB(this,e),NB(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,t),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:L$.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:L$.parseImage(t)})}},{key:ir("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:ir("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:ir("$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,n=(t.removable,t.simple);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 ").concat(n?"simple":"","' ref='$colors'></div>\n            </div>\n        ")}},{key:bn("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:yo("changeFillSingle"),value:function(t,e){this.updateData({image:L$.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}])&&XB(n.prototype,r),o&&XB(n,o),e}(ho);function ZB(t){return(ZB="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function JB(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function QB(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 tz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 nz(t,e){return!e||"object"!==ZB(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function rz(t){return(rz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function oz(t,e){return(oz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var iz=["static-gradient","linear-gradient","radial-gradient","image-resource"],az={"image-resource":tv.photo},cz={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%"}},uz=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],sz=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],lz=function(t){function e(){return tz(this,e),nz(this,rz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&oz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{InputRangeEditor:uV,RangeEditor:fD,SelectIconEditor:jB,SelectEditor:rD}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:L$.parseImage(this.props.value||"transparent")||y$.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:L$.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(tv.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(tv.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(tv.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(tv.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(tv.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(tv.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(iz.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(az[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='").concat(this.$i18n("fill.editor.offset"),"' ref='$range' key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n                <div data-editor='spreadMethod'>\n                  <SelectIconEditor label='").concat(this.$i18n("fill.editor.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(sz.map((function(n){var r=t.$i18n("fill.editor."+n);return("\n                    <div data-editor='".concat(n,"'>\n                      <RangeEditor label='").concat(r,"' 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(A(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:$n("$file"),value:function(t){var e=this;this.$selection.currentProject&&QB(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:bn("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");cz[e]&&(this.state.image.reset(cz[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 rn.parse(this.getImageFieldValue(this.state.image,t))}},{key:ir("$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:ir("$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:ir("$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:ir("$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:ir("$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:An("$pointerDrawArea circle[data-type]")+qn("moveDragPointer"),value:function(t){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=t.xy,this.type=t.$dt.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:rn.percent((e-i)/r*100),top:rn.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:bn("$tab .picker-tab-item"),value:function(t){var e=this,n=t.$dt.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={};uz.forEach((function(t){o[t]=e.children["$".concat(t)].getValue()})),this.state.image=L$.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qB(Object(n),!0).forEach((function(e){JB(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qB(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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",this.$i18n("fill.editor.message.click.image")):this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.drag.position"))}},{key:yo("changeKeyValue"),value:function(t,e){this.state.image.reset(JB({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:yo("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:bn("$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:ir("$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:ir("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ir("$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:er("$stepList"),value:function(){var t=this;return(this.state.image.colorsteps||[]).map((function(e,n){var r=t.$selection.isSelectedColorStep(e.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(e.id,"' style='left: ").concat(e.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(e.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(e.color,'"></div>\n      </div>'))}))}},{key:"removeStep",value:function(t){this.state.image.removeColorStep(t),this.refresh(),this.updateData()}},{key:"selectStep",value:function(t){var e=this;this.state.id=t,this.$selection.selectColorStep(t),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(t){return e.$selection.isSelectedColorStep(t.id)})),this.children.$range.setValue(rn.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:An("$stepList .step")+qn(),value:function(t){var e=t.$dt.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(rn.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(qc.toColorString(t.colorsteps),")")}},{key:yo("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:yo("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"}}])&&ez(n.prototype,r),o&&ez(n,o),e}(ho);function fz(t){return(fz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pz(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 yz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function dz(t,e){return!e||"object"!==fz(e)&&"function"!=typeof e?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 bz(t,e){return(bz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gz=function(t){function e(){return yz(this,e),dz(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&&bz(t,e)}(e,t),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(tv.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(tv.remove,"</button>\n            </div>\n        ")}},{key:bn("$remove"),value:function(t){this.updateData({value:""})}},{key:bn("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$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:ir("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:er("$options"),value:function(){var t=this,e=this.$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=pz(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",this.$i18n("svgfilter.select.editor.message.create")):"-"===t?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.select")):this.emit("addStatusBarMessage","")}},{key:$n("$options"),value:function(){var t=this,e=this.refs.$options.value;"new"==e?this.emit("addSVGFilterAssetItem",(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:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$options")}},{key:yo("openSVGFilterPopup"),value:function(t){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:t,filters:e.filters})}},{key:yo("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}])&&hz(n.prototype,r),o&&hz(n,o),e}(ho);function mz(t){return(mz="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kz(t,e){return!e||"object"!==mz(e)&&"function"!=typeof e?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 Sz(t,e){return(Sz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Pz=function(t){function e(){return wz(this,e),kz(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&&Sz(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:rn.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:ir("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:En("$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)}}])&&Oz(n.prototype,r),o&&Oz(n,o),e}(ho);function xz(t){return(xz="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ez(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$z(Object(n),!0).forEach((function(e){_z(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$z(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _z(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Cz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Tz(t,e){for(var n=0;n<e.length;n++){var 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"!==xz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Dz(t){return(Dz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Vz(t,e){return(Vz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Az=function(t){function e(){return Cz(this,e),Rz(this,Dz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Vz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB}}},{key:"getDirectionOptions",value:function(){return this.makeOptionsFunction("row,column,row-reverse,column-reverse")}},{key:"getWrapOptions",value:function(){return this.makeOptionsFunction("nowrap,wrap,wrap-reverse")}},{key:"getJustifyContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around")}},{key:"getAlignItemsOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,baseline,stretch")}},{key:"getAlignContentOptions",value:function(){return this.makeOptionsFunction("flex-start,flex-end,center,space-between,space-around,stretch")}},{key:"makeOptionsFunction",value:function(t){var e=this;return t.split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("flex.layout.editor."+t))})).join(",")}},{key:"initState",value:function(){return Ez({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(Ez({},J(t)))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(this.getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(this.getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"]||"flex-start",'"\n                    options="').concat(this.getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"]||"flex-start",'"\n                    options="').concat(this.getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"]||"flex-start",'"\n                    options="').concat(this.getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(_z({},t,e),!1),this.modifyData()}}])&&Tz(n.prototype,r),o&&Tz(n,o),e}(ho);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 Lz(t){return function(t){if(Array.isArray(t))return t}(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 destructure non-iterable instance")}()}function Mz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Bz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function zz(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 Fz(t){return(Fz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Gz(t,e){return(Gz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Hz=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,Yz=function(t){function e(){return Mz(this,e),zz(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&&Gz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD,NumberInputEditor:PR,InputRangeEditor:uV}}},{key:"getLayoutItemOptions",value:function(){var t=this;return"none,auto,repeat,length".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("grid.box.editor.".concat(e)))})).join(",")}},{key:"initState",value:function(){return{label:this.props.label,list:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){for(var e=null,n=[];null!==(e=Hz.exec(t));){var r=e[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var o=r.split("repeat(")[1].split(")");o.pop();var i=Lz(o.join("").split(",")),a=i[0],c=i.slice(1);n.push({type:"repeat",count:a,value:c.join(", ")})}else n.push({type:"length",count:1,value:r})}return n}},{key:"getValue",value:function(){return this.state.list.map((function(t){return"repeat"===t.type?"repeat(".concat(t.count,", ").concat(t.value,")"):"auto"===t.type||"none"===t.type?t.type:t.value})).join(" ")}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(t,e){return"\n            <div class='item' data-repeat-type='".concat(t.type,"' data-index='").concat(e,"' >\n                <div class='repeat'>\n                    <SelectEditor \n                        ref='$").concat(e,"-type' \n                        options=\"").concat(this.getLayoutItemOptions(),'" \n                        key="type" \n                        value="').concat(t.type||"auto",'" \n                        params="').concat(e,"\" \n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='count'>\n                    <NumberInputEditor \n                        ref='$").concat(e,'-count\' \n                        key="count" \n                        value="').concat(t.count,'" \n                        params="').concat(e,"\" \n                        max='1000'\n                        onchange=\"changeKeyValue\" />\n                </div>                \n                <div class='value'>\n                    <InputRangeEditor \n                        ref='$").concat(e,'-value\' \n                        key="value" \n                        value="').concat(t.value,'" \n                        params="').concat(e,"\" \n                        units='auto,fr,px,em,%'\n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy'>").concat(tv.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(tv.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:er("$list"),value:function(){var t=this;return this.state.list.map((function(e,n){return t.makeItem(e,n)}))}},{key:"template",value:function(){return"\n            <div class='grid-box-editor' ref='$body' >\n                <div class='grid-box-editor-item'>\n                    <div class='item header'>\n                        <div class='repeat'>\n                            <label>".concat(this.state.label," </label>\n                            <button type='button' ref='$add'>").concat(tv.add,"</button>\n                        </div>\n                        <div class='count'>").concat(this.$i18n("grid.box.editor.count"),"</div>\n                        <div class='value'>").concat(this.$i18n("grid.box.editor.value"),"</div>\n                        <div class='tools'></div>\n                    </div>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        ")}},{key:bn("$list .remove"),value:function(t){var e=+t.$dt.closest("item").attr("data-index");this.state.list.splice(e,1),this.refresh(),this.modifyData()}},{key:bn("$list .copy"),value:function(t){var e=+t.$dt.closest("item").attr("data-index"),n=clone(this.state.list[e]);this.state.list.splice(e,0,n),this.refresh(),this.modifyData()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:yo("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:yo("changeKeyValue"),value:function(t,e,n){var r=+n,o=this.state.list[r];o&&("type"===t&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",e),o[t]=e),this.modifyData()}}])&&Bz(n.prototype,r),o&&Bz(n,o),e}(ho);function Xz(t){return(Xz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nz(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Kz(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wz(t,e){return!e||"object"!==Xz(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uz(t){return(Uz=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zz(t,e){return(Zz=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qz=function(t){function e(){return Nz(this,e),Wz(this,Uz(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zz(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"initState",value:function(){return{label:this.props.label,value:this.parseValue(this.props.value)}}},{key:"setValue",value:function(t){this.setState({list:this.parseValue(t)})}},{key:"parseValue",value:function(t){return rn.parse(t)}},{key:"getValue",value:function(){return this.state.value}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(){return"\n            <div class='item'>\n                <div class='value'>\n                    <RangeEditor\n                        label='".concat(this.state.label,"' \n                        ref='$value' \n                        key=\"value\" \n                        value=\"").concat(this.state.value,'" \n                        units=\'px,em,%\'\n                        onchange="changeKeyValue" />\n                </div>\n            </div>\n        ')}},{key:er("$list"),value:function(){return this.makeItem()}},{key:"template",value:function(){return"\n            <div class='grid-gap-editor' ref='$body' >\n                <div class='grid-gap-editor-item'>\n                    <div ref='$list'></div>\n                </div>\n            </div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}])&&Kz(n.prototype,r),o&&Kz(n,o),e}(ho);function Jz(t){return(Jz="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Qz(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tF(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qz(Object(n),!0).forEach((function(e){eF(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qz(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function eF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function nF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==Jz(e)&&"function"!=typeof e?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 nF(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,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB,GridBoxEditor:Yz,GridGapEditor:qz}}},{key:"initState",value:function(){return tF({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(tF({},J(t)))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='".concat(this.$i18n("grid.layout.editor.template.columns"),"'\n                    ref='$columnBox'\n                    key='grid-template-columns'\n                    value=\"").concat(this.state["grid-template-columns"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.column.gap"),"'\n                    key='grid-column-gap'\n                    value=\"").concat(this.state["grid-column-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridBoxEditor \n                    label='").concat(this.$i18n("grid.layout.editor.template.rows"),"'\n                    ref='$rowBox'\n                    key='grid-template-rows'\n                    value=\"").concat(this.state["grid-template-rows"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>            \n            <div class='grid-layout-item'>\n                <GridGapEditor \n                    label='").concat(this.$i18n("grid.layout.editor.row.gap"),"'                \n                    key='grid-row-gap'\n                    value=\"").concat(this.state["grid-row-gap"]||"","\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(eF({},t,e),!1),this.modifyData()}}])&&rF(n.prototype,r),o&&rF(n,o),e}(ho);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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yF(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 hF(t){return(hF=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=function(t){function e(){return fF(this,e),yF(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&&dF(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sF(Object(n),!0).forEach((function(e){lF(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sF(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(J(t))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='flex-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("flex.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='flex-direction'\n                    value=\"").concat(this.state["flex-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='flex-wrap'\n                    value=\"").concat(this.state["flex-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='flex-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("flex.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='flex-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(lF({},t,e),!1),this.modifyData()}}])&&pF(n.prototype,r),o&&pF(n,o),e}(ho);function bF(t){return(bF="function"==typeof Symbol&&"symbol"==typeof Symbol.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){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mF(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function wF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 kF(t,e){return!e||"object"!==bF(e)&&"function"!=typeof e?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 SF(t,e){return(SF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PF=function(t){function e(){return wF(this,e),kF(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&&SF(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectIconEditor:jB}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gF(Object(n),!0).forEach((function(e){mF(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gF(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},J(this.props.value))}},{key:"setValue",value:function(t){this.setState(J(t))}},{key:"getValue",value:function(){return q(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:er("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <div class='label'><label>".concat(this.$i18n("grid.layout.item.editor.direction"),"</label></div>\n                <SelectIconEditor \n                    key='grid-direction'\n                    value=\"").concat(this.state["grid-direction"]||"row",'"\n                    options="').concat(getDirectionOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.wrap"),"</label></div>\n                <SelectIconEditor \n                    key='grid-wrap'\n                    value=\"").concat(this.state["grid-wrap"]||"wrap",'"\n                    options="').concat(getWrapOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.justify-content"),"</label></div>\n                <SelectIconEditor \n                    key='justify-content'\n                    value=\"").concat(this.state["justify-content"],'"\n                    options="').concat(getJustifyContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-items"),"</label></div>\n                <SelectIconEditor \n                    key='align-items'\n                    value=\"").concat(this.state["align-items"],'"\n                    options="').concat(getAlignItemsOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>\n            <div class='grid-layout-item'>\n                <div class='label'><label>").concat(this.$i18n("grid.layout.item.editor.align-content"),"</label></div>\n                <SelectIconEditor \n                    key='align-content'\n                    value=\"").concat(this.state["align-content"],'"\n                    options="').concat(getAlignContentOptions(),"\"\n                    onchange='changeKeyValue'\n                />\n            </div>    \n        ")}},{key:"template",value:function(){return"\n            <div class='grid-layout-editor' ref='$body' ></div>\n        "}},{key:yo("changeKeyValue"),value:function(t,e,n){this.setState(mF({},t,e),!1),this.modifyData()}}])&&OF(n.prototype,r),o&&OF(n,o),e}(ho);function xF(t){return(xF="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $F(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function EF(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$F(Object(n),!0).forEach((function(e){_F(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$F(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _F(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function CF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 RF(t,e){return!e||"object"!==xF(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function DF(t){return(DF=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 CF(this,e),RF(this,DF(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"initState",value:function(){return{index:this.props.index,x:rn.parse(this.props.x),y:rn.parse(this.props.y),width:rn.parse(this.props.width),height:rn.parse(this.props.height),lineWidth:rn.parse(this.props.linewidth),lineHeight:rn.parse(this.props.lineheight),backColor:this.props.backcolor,foreColor:this.props.forecolor,blendMode:this.props.blendmode,type:this.props.type}}},{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(EF({},t))}},{key:ir("$miniView"),value:function(){var t=EF({},this.state);return this.state.width.value>80&&(t.width=rn.px(80),t.x=rn.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=rn.px(80),t.y=rn.px(this.state.y.value/this.state.height.value/80)),{cssText:Sl.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='pattern-size-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:bn("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:yo("changePatternInfo"),value:function(t){this.updateData(EF({},t))}}])&&TF(n.prototype,r),o&&TF(n,o),e}(ho),IF=[{key:"check",title:"Check",execute:function(){return[{pattern:"check(20px 20px, 10px 10px, black, transparent)"},{pattern:"check(40px 40px, 20px 20px, black, transparent)"},{pattern:"check(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"check(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"check(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"grid",title:"Grid",execute:function(){return[{pattern:"grid(20px 20px, 10px 10px, black, transparent)"},{pattern:"grid(40px 40px, 20px 20px, black, transparent)"},{pattern:"grid(60px 60px, 30px 30px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(80px 80px, 40px 40px, #DDB104, rgba(254,240,188,0))"},{pattern:"grid(100px 100px, 50px 50px, #DCF3DC, transparent)"},{pattern:"grid(200px 200px, 100px 100px, #102C45, transparent)"}]}},{key:"dot",title:"Dot",execute:function(){return[{pattern:"dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"dot(40px 40px, 20px 20px, #E7393F, #FEF0BC, normal, 2px)"},{pattern:"dot(60px 60px, 30px 30px, #E7393F, black, normal, 3px)"},{pattern:"dot(80px 80px, 40px 40px, #B7C4CD, white, normal, 4px)"}]}},{key:"cross-dot",title:"Cross Dot",execute:function(){return[{pattern:"cross-dot(20px 20px, 10px 10px, #B7C4CD, white, normal, 1px)"},{pattern:"cross-dot(40px 40px, 20px 20px, #DDB104, #FEF0BC, normal, 4px)"},{pattern:"cross-dot(60px 60px, 30px 30px, #35DB92, #DCF9EC, normal, 6px)"}]}},{key:"diagonal-line",title:"Diagonal Line",execute:function(){return[{pattern:"diagonal-line(10px 10px, 45deg, #B7C4CD, white, normal, 1px)"},{pattern:"diagonal-line(25px 25px, 90deg, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"diagonal-line(50px 50px, 135deg, #35DB92, #DCF9EC, normal, 3px)"}]}},{key:"vertical-line",title:"Vertical Line",execute:function(){return[{pattern:"vertical-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"vertical-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"vertical-line(50px 50px, 0, black, rgba(231,57,63,0.9), normal, 1px)"}]}},{key:"horizontal-line",title:"Horizontal Line",execute:function(){return[{pattern:"horizontal-line(10px 10px, 0, #B7C4CD, white, normal, 1px)"},{pattern:"horizontal-line(25px 25px, 0, #DDB104, #FEF0BC, normal, 2px)"},{pattern:"horizontal-line(50px 50px, 0, #35DB92, #DCF9EC, normal, 3px)"}]}}];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 MF(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 BF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zF(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FF(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 GF(t){return(GF=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function HF(t,e){return(HF=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var YF={MediaProgressEditor:WI,BlendSelectEditor:wM,PatternEditor:function(t){function e(){return BF(this,e),FF(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&&HF(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD,ColorSingleEditor:$D,PatternSizeEditor:AF}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],value:this.props.value,patterns:this.parsePattern(this.props.value)}}},{key:"parsePattern",value:function(t){return Sl.parseStyle(t)}},{key:"setValue",value:function(t){this.setState({value:t,patterns:this.parsePattern(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return("\n            <div class='pattern-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(tv.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        "))}},{key:er("$patternList"),value:function(){var t=this;return this.state.patterns.map((function(e,n){var r=e.selected?"selected":"";return e.selected&&(t.selectedIndex=n),"\n            <div class='pattern-item ".concat(r,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,"\"  draggable='true'>\n                <PatternSizeEditor ").concat(Q({key:"pattern-size",ref:"$bp".concat(n),type:e.type,x:e.x,y:e.y,width:e.width,height:e.height,index:n,foreColor:e.foreColor,backColor:e.backColor,blendMode:e.blendMode,lineWidth:e.lineWidth,lineHeight:e.lineHeight})," onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(tv.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=Sl.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:yo("add"),value:function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",n=IF.find((function(t){return t.key===e}));n&&((t=this.state.patterns).push.apply(t,MF(Sl.parseStyle(n.execute()[0].pattern))),this.refresh(),this.modifyPattern())}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:kn("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$patternList .pattern-item")+Qn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(MF(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:jn("$patternList .pattern-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortPattern(this.startIndex,e),this.modifyPattern(),this.refresh()}},{key:"getCurrentPattern",value:function(){return this.state.patterns[this.selectedIndex]}},{key:bn("$patternList .tools .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.patterns.splice(e,1),this.modifyPattern(),this.refresh()}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?this.refs["fillIndex".concat(t)].addClass("selected"):this.refs["fillIndex".concat(t)].removeClass("selected"),this.state.patterns.forEach((function(e,n){e.selected=n===t}))}},{key:yo("changePatternSizeInfo")+Un(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}])&&zF(n.prototype,r),o&&zF(n,o),e}(ho),PatternSizeEditor:AF,GridGapEditor:qz,NumberInputEditor:PR,GridLayoutItemEditor:PF,GridBoxEditor:Yz,FlexLayoutItemEditor:vF,GridLayoutEditor:cF,FlexLayoutEditor:Az,TextAreaEditor:Pz,ColorMatrixEditor:eM,FuncFilterEditor:NL,SVGFilterSelectEditor:gz,FillEditor:lz,FillSingleEditor:UB,BorderEditor:zI,BorderValueEditor:TI,GradientSingleEditor:GB,BackgroundPositionEditor:DB,OffsetPathListEditor:wI,PolygonDataEditor:pI,PathDataEditor:iI,StrokeDashArrayEditor:UA,InputRangeEditor:uV,SelectIconEditor:jB,ImageSelectEditor:lM,EmbedColorPicker:dB,IconListViewEditor:NM,InputArrayEditor:TL,DirectionEditor:uB,SVGClipPathEditor:QM,NumberRangeEditor:EA,TextEditor:SL,SVGFilterEditor:BM,CircleEditor:bL,BackgroundImageEditor:GR,BoxShadowEditor:UR,BorderRadiusEditor:wD,ColorSingleEditor:$D,ColorViewEditor:VD,CubicBezierEditor:GD,FilterEditor:tV,GradientEditor:kV,IterationCountEditor:RV,OffsetEditor:sL,CSSPropertyEditor:eL,PerspectiveOriginEditor:OA,RangeEditor:fD,SelectEditor:rD,TextShadowEditor:GA,TransformEditor:QV,TransformOriginEditor:lA,VarEditor:zV};function XF(t){return(XF="function"==typeof Symbol&&"symbol"==typeof Symbol.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,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function KF(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==XF(e)&&"function"!=typeof e?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={"segment-move":"modify",modify:"modify",path:"path",transform:"transform"},QF=function(t){function e(){return KF(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,t),n=e,(r=[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return YF}},{key:yo("refreshSelection"),value:function(){var t=this.$selection.current;t&&(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"]||rn.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||rn.number(1)))}},{key:"template",value:function(){return this.$selection.current,"\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='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(tv.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(tv.control_point,"</button>\n            <button type=\"button\" data-value='transform' title='").concat(this.$i18n("path.manager.mode.transform"),"' > ").concat(tv.format_shapes,"</button>\n        </div>\n        <div class='tools' ref='$flip'>\n            <button type=\"button\" data-value='flipX' title='").concat(this.$i18n("path.manager.mode.flipX"),"'>").concat(tv.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(tv.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(tv.flip,"</button>\n        </div>\n        <div class='tools'>      \n          <div >\n            <FillSingleEditor ref='$fill' simple=\"true\" label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n          </div>\n\n\n          <div >\n            <FillSingleEditor ref='$stroke' simple=\"true\"  label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n          </div>      \n\n          <div >\n            <NumberInputEditor \n              ref='$fillOpacity' \n              label='").concat(this.$i18n("svg.item.property.fillOpacity"),'\' \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          <div >\n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              label=\'').concat(this.$i18n("svg.item.property.strokeWidth"),'\' \n              key="stroke-width" \n              onchange="changeValue" />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:yo("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}),this.emit("setAttribute",{stroke:e},null,!0))}},{key:yo("changeValue"),value:function(t,e,n){this.emit("setAttribute",NF({},t,e),null,!0),this.updateData(NF({},t,e))}},{key:ir("$mode"),value:function(){return{"data-selected-value":JF[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:bn("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:bn("$mode button"),value:function(t){var e=t.$dt.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,t)}},{key:yo("changePathManager"),value:function(t){this.setState({mode:t})}},{key:yo("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),this.emit("change.mode.view","PathEditorView")}},{key:yo("hidePathManager"),value:function(){this.$el.hide()}}])&&WF(n.prototype,r),o&&WF(n,o),e}(ho);function tG(t){return(tG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function eG(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==tG(e)&&"function"!=typeof e?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 rG(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,t),n=e,(r=[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eG(Object(n),!0).forEach((function(e){nG(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eG(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},YF)}},{key:yo("refreshSelection"),value:function(){var t=this.$selection.current;t&&(this.children.$stroke.setValue(t.stroke||"rgba(0, 0, 0, 1)"),this.children.$strokeWidth.setValue(t["stroke-width"]||rn.number(1)))}},{key:yo("setColorAsset"),value:function(t){var e=t.color;this.$el.isShow()&&(this.setState({stroke:e},!1),this.children.$stroke.setValue(e),this.updateData({stroke:e}))}},{key:"template",value:function(){return"\n      <div class='draw-manager'>\n        <div class='tools'>   \n          <div >        \n            <label>".concat(this.$i18n("draw.manager.tolerance"),'</label>            \n            <NumberInputEditor \n              ref=\'$tolerance\' \n              key=\'tolerance\' \n              value="1" \n              min="0"\n              max="100"\n              step="0.01"\n              unit="number" \n              onchange="changeValue" \n            />\n          </div>              \n          <div >\n            <label>').concat(this.$i18n("svg.item.property.stroke"),'</label>          \n            <FillSingleEditor ref=\'$stroke\' simple="true" value="').concat(this.state.stroke,'" key=\'stroke\' onchange="changeValue" />\n          </div>                \n\n          <div >\n            <label>').concat(this.$i18n("svg.item.property.strokeWidth"),'</label>          \n            <NumberInputEditor \n              ref=\'$strokeWidth\' \n              key="stroke-width" \n              value="').concat(this.state["stroke-width"],'"              \n              onchange="changeValue" />\n          </div>      \n          \n\n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineCap"),'</label>          \n            <SelectEditor\n              ref=\'$strokeLineCap\' \n              key="stroke-linecap" \n              value="').concat(this.state["stroke-linecap"],'"                   \n              options="butt,round,square" \n              onchange="changeValue" \n            />\n          </div> \n          <div>\n            <label>').concat(this.$i18n("svg.item.property.lineJoin"),'</label>          \n            <SelectEditor \n              ref=\'$strokeLineJoin\' \n              key="stroke-linejoin" \n              value="').concat(this.state["stroke-linejoin"],'"                                 \n              options="miter,bevel,round" \n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:yo("changeValue"),value:function(t,e,n){this.updateData(nG({},t,e))}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.instance.trigger(this.state.changeEvent,t)}},{key:yo("changePathManager"),value:function(t){this.setState({mode:t})}},{key:yo("showDrawManager"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.changeEvent=t.changeEvent||"changeDrawManager",this.setState(t),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("hidePathManager")}},{key:yo("hideDrawManager"),value:function(){this.$el.hide()}}])&&oG(n.prototype,r),o&&oG(n,o),e}(ho);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fG(t,e){for(var n=0;n<e.length;n++){var 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"!==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 yG(t){return(yG=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 dG=function(t){function e(){return lG(this,e),pG(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&&hG(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{PathManager:QF,DrawManager:uG}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <PathManager />\n        <DrawManager />\n        <SelectionManager />\n      </div>\n    "}}])&&fG(n.prototype,r),o&&fG(n,o),e}(ho);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gG(t,e){for(var n=0;n<e.length;n++){var 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"!==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 wG(t){return(wG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OG(t,e){return(OG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kG=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],jG={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},SG=function(t){function e(){return bG(this,e),mG(this,wG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n            <div class='rotate-editor-view'>            \n                <div class='rotate-area' ref='$rotateArea'>\n                    <div class='rotate-container' ref='$rotateContainer'>\n                        <div class='rotate-item rotate-x'></div>\n                        <div class='rotate-item rotate-y'></div>\n                    </div>\n                </div>\n                <div class='direction-area' ref='$directionArea'>\n                    ".concat(kG.map((function(t){return"<div class='direction' data-value='".concat(t,"'></div>")})).join(""),"\n                </div>                \n                <div class='rotate-z' ref='$rotateZ'>\n                    <div class='handle-line'></div>                \n                    <div class='handle icon' ref='$handle'>").concat(tv.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:bn("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=rn.deg(jG[e]||0);this.$selection.each((function(t){var e=ti.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.$selection.setRectCache()}},{key:ir("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:ti.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:ir("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:ti.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:gn("$rotateArea"),value:function(){this.$selection.each((function(t){t.reset({transform:ti.remove(t.transform,["rotateX","rotateY"])})})),this.bindData("$rotateContainer"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:An("$rotateArea")+qn("moveRotateXY")+Jn("moveEndRotateXY"),value:function(){this.setCacheRotateXY()}},{key:"setCacheRotateXY",value:function(){this.setCacheBaseTrasnform("rotateX","rotateY")}},{key:"moveRotateXY",value:function(t,e){this.modifyRotateXY(t,e),this.bindData("$rotateContainer"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"moveEndRotateXY",value:function(t,e){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{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=rn.deg(-e/this.$editor.scale),o=rn.deg(t/this.$editor.scale);this.$selection.each((function(t,e){n.modifyCacheItem(t,e,rn.deg(0),"rotateX",r),n.modifyCacheItem(t,e,rn.deg(0),"rotateY",o),t.transform=ti.join(t.transformObj)}))}},{key:gn("$handle"),value:function(){this.$selection.each((function(t){t.reset({transform:ti.remove(t.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",null,!1,!0)}},{key:An("$handle")+qn()+Jn(),value:function(){this.setCacheRotateZ()}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.emit("refreshSelectionDragStyleView",null,!1,!0)}},{key:"end",value:function(){this.$selection.setRectCache(),this.emit("refreshSelectionStyleView")}},{key:"modifyRotateZ",value:function(t,e){var n=this,r=this.$config.get("bodyEvent"),o=rn.deg(Math.floor(mt(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.$selection.each((function(t,e){var i=rn.deg(0);e.rotateZ?i.set(e.rotateZ.value[0].value):e.rotate&&i.set(e.rotate.value[0].value),i.add(o.value),r.altKey&&i.add(-i.value%10),n.setTransformValue(t,"rotateZ",i),t.transform=ti.join(t.transformObj)}))}},{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:"setCacheBaseTrasnform",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.$selection.each((function(t,n){t.transformObj=ti.parseStyle(t.transform),n.transformObj=ti.parseStyle(n.transform),e.forEach((function(t){n[t]=n.transformObj.filter((function(e){return e.type===t}))[0]}))}))}},{key:"setCacheRotateZ",value:function(){var t=this.refs.$handle.rect(),e=this.refs.$rotateZ.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:yo("refreshSelection"),value:function(){this.refresh()}}])&&gG(n.prototype,r),o&&gG(n,o),e}(ho);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 xG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 EG(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 _G(t){return(_G=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 TG=function(t){function e(){return xG(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&&CG(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{PageTools:RR,ElementView:gR,PageSubEditor:dG,RotateEditorView:SG}}},{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 scrollbar' ref='$lock'>\n            <ElementView ref='$elementView' />\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <PageTools />\n        <RotateEditorView />\n      </div>\n    "}},{key:Bn("$lock")+Kn+Qn+Zn(10),value:function(t){var e=t.deltaY<0?1.1:.9;this.emit("changeScaleValue",this.$editor.scale*e)}}])&&$G(n.prototype,r),o&&$G(n,o),e}(ho);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 DG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 AG(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 IG(t){return(IG=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 MG=function(t){function e(){return DG(this,e),AG(this,IG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),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:bn(),value:function(t){this.clickButton(t)}}])&&VG(n.prototype,r),o&&VG(n,o),e}(ho);function BG(t){return(BG="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function FG(t,e){for(var n=0;n<e.length;n++){var 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){return!e||"object"!==BG(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HG(t){return(HG=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YG(t,e){return(YG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XG=function(t){function e(){return zG(this,e),GG(this,HG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YG(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.github.title")}},{key:"clickButton",value:function(t){window.open("https://github.com/easylogic/editor","github-window")}}])&&FG(n.prototype,r),o&&FG(n,o),e}(MG);function NG(t){return(NG="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function KG(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WG(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function UG(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZG(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qG(t,e){return!e||"object"!==NG(e)&&"function"!=typeof e?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 QG(t,e){return(QG=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var tH=function(t){function e(){return UG(this,e),qG(this,JG(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QG(t,e)}(e,t),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\'>'.concat(this.$i18n("menu.item.codepen.title"),"</div>\n      </button>\n    </form>     \n    ")}},{key:Vn(),value:function(){var t=Ya.generate(this.$editor);return this.refs.$codepen.val(JSON.stringify(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KG(Object(n),!0).forEach((function(e){WG(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KG(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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}}])&&ZG(n.prototype,r),o&&ZG(n,o),e}(ho);function eH(t){return(eH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==eH(e)&&"function"!=typeof e?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 nH(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","rect")}}])&&rH(n.prototype,r),o&&rH(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yH(t,e){return(yH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var hH=function(t){function e(){return sH(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&&yH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.lens}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","circle")}}])&&lH(n.prototype,r),o&&lH(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function gH(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 mH(t){return(mH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function wH(t,e){return(wH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var OH=function(t){function e(){return vH(this,e),gH(this,mH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&wH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.left}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.left")}}])&&bH(n.prototype,r),o&&bH(n,o),e}(MG);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 jH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 PH(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 xH(t){return(xH=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 EH=function(t){function e(){return jH(this,e),PH(this,xH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.right}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.right")}}])&&SH(n.prototype,r),o&&SH(n,o),e}(MG);function _H(t){return(_H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function CH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function TH(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function RH(t,e){return!e||"object"!==_H(e)&&"function"!=typeof e?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 VH(t,e){return(VH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var AH=function(t){function e(){return CH(this,e),RH(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&&VH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.center}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.center")}}])&&TH(n.prototype,r),o&&TH(n,o),e}(MG);function IH(t){return(IH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function LH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function MH(t,e){for(var n=0;n<e.length;n++){var 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"!==IH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function zH(t){return(zH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function FH(t,e){return(FH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var GH=function(t){function e(){return LH(this,e),BH(this,zH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&FH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.top}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.top")}}])&&MH(n.prototype,r),o&&MH(n,o),e}(MG);function HH(t){return(HH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function YH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}}function NH(t,e){return!e||"object"!==HH(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function KH(t){return(KH=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function WH(t,e){return(WH=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var UH=function(t){function e(){return YH(this,e),NH(this,KH(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&WH(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.bottom}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.bottom")}}])&&XH(n.prototype,r),o&&XH(n,o),e}(MG);function ZH(t){return(ZH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qH(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function JH(t,e){for(var n=0;n<e.length;n++){var 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"!==ZH(e)&&"function"!=typeof e?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){return(tY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function eY(t,e){return(eY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var nY=function(t){function e(){return qH(this,e),QH(this,tY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&eY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.middle}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.middle")}}])&&JH(n.prototype,r),o&&JH(n,o),e}(MG);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 oY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 cY(t){return(cY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function uY(t,e){return(uY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var sY=function(t){function e(){return oY(this,e),aY(this,cY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&uY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.same_height}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}])&&iY(n.prototype,r),o&&iY(n,o),e}(MG);function lY(t){return(lY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 yY(t,e){return!e||"object"!==lY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hY(t){return(hY=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)}var vY=function(t){function e(){return fY(this,e),yY(this,hY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.same_width}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.width")}}])&&pY(n.prototype,r),o&&pY(n,o),e}(MG);function bY(t){return(bY="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 wY(t,e){return!e||"object"!==bY(e)&&"function"!=typeof e?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){return(OY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function kY(t,e){return(kY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var jY=function(t){function e(){return gY(this,e),wY(this,OY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&kY(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"copy"}},{key:"getTitle",value:function(){return"Copy"}},{key:"clickButton",value:function(t){this.$selection.copy(),this.emit("refreshAll"),this.emit("refreshSelection")}},{key:yo("refreshSelection"),value:function(){this.$el.hide()}}])&&mY(n.prototype,r),o&&mY(n,o),e}(MG);function SY(t){return(SY="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==SY(e)&&"function"!=typeof e?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){return(EY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _Y(t,e){return(_Y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var CY=function(t){function e(){return PY(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&&_Y(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","text")}}])&&xY(n.prototype,r),o&&xY(n,o),e}(MG);function TY(t){return(TY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function RY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 VY(t,e){return!e||"object"!==TY(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function AY(t){return(AY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function IY(t,e){return(IY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LY=function(t){function e(){return RY(this,e),VY(this,AY(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&IY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.launch}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(t){this.emit("showExportView")}}])&&DY(n.prototype,r),o&&DY(n,o),e}(MG);function MY(t){return(MY="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function BY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function zY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function FY(t,e){return!e||"object"!==MY(e)&&"function"!=typeof e?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){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 YY=function(t){function e(){return BY(this,e),FY(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.note}},{key:"getTitle",value:function(){return this.$i18n("menu.item.learn.title")}},{key:"clickButton",value:function(t){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}])&&zY(n.prototype,r),o&&zY(n,o),e}(MG);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 NY(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function KY(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function WY(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 UY(t){return(UY=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function ZY(t,e){return(ZY=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qY=function(t){function e(){return NY(this,e),WY(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&&ZY(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.cube}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cube")}}])&&KY(n.prototype,r),o&&KY(n,o),e}(MG);function JY(t){return(JY="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==JY(e)&&"function"!=typeof e?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){return(nX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function rX(t,e){return(rX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var oX=function(t){function e(){return QY(this,e),eX(this,nX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&rX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.photo}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addComponentType","image")}}])&&tX(n.prototype,r),o&&tX(n,o),e}(MG);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 aX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function uX(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 sX(t){return(sX=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 fX=function(t){function e(){return aX(this,e),uX(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&&lX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.pentool}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(t){this.emit("addPath")}}])&&cX(n.prototype,r),o&&cX(n,o),e}(MG);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 yX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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){return(vX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function bX(t,e){return(bX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var gX=function(t){function e(){return yX(this,e),dX(this,vX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&bX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.storage}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){this.emit("saveJSON")}}])&&hX(n.prototype,r),o&&hX(n,o),e}(MG);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 wX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function OX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function kX(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 jX(t){return(jX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function SX(t,e){return(SX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var PX=function(t){function e(){return wX(this,e),kX(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&&SX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.archive}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(t){this.emit("downloadJSON")}}])&&OX(n.prototype,r),o&&OX(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function EX(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _X(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 TX(t,e){return(TX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var RX=function(t){function e(){return $X(this,e),_X(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&&TX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.near_me}},{key:"getIcon",value:function(){return"flipY"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(t){this.emit("selectItem")}}])&&EX(n.prototype,r),o&&EX(n,o),e}(MG);function DX(t){return(DX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function AX(t,e){for(var n=0;n<e.length;n++){var 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"!==DX(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function LX(t){return(LX=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function MX(t,e){return(MX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var BX=function(t){function e(){return VX(this,e),IX(this,LX(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&MX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.outline_rect}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-rect")}}])&&AX(n.prototype,r),o&&AX(n,o),e}(MG);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 HX(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 YX(t){return(YX=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 NX=function(t){function e(){return FX(this,e),HX(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&&XX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.outline_circle}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-circle")}}])&&GX(n.prototype,r),o&&GX(n,o),e}(MG);function KX(t){return(KX="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WX(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==KX(e)&&"function"!=typeof e?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 JX(t,e){return(JX=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var QX=function(t){function e(){return WX(this,e),ZX(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&&JX(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.fullscreen}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}])&&UX(n.prototype,r),o&&UX(n,o),e}(MG);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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function nN(t,e){for(var n=0;n<e.length;n++){var 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"!==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 oN(t){return(oN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function iN(t,e){return(iN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var aN=function(t){function e(){return eN(this,e),rN(this,oN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&iN(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.text_rotate}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svg-textpath")}}])&&nN(n.prototype,r),o&&nN(n,o),e}(MG);function cN(t){return(cN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function uN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lN(t,e){return!e||"object"!==cN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function fN(t){return(fN=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 yN=function(t){function e(){return uN(this,e),lN(this,fN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.cylinder}},{key:"getTitle",value:function(){return this.props.title||"Cylinder"}},{key:"getClassName",value:function(){return"cylinder"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addComponentType","cylinder")}}])&&sN(n.prototype,r),o&&sN(n,o),e}(MG);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 dN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vN(t,e){for(var n=0;n<e.length;n++){var 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"!==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 gN(t){return(gN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mN(t,e){return(mN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wN=function(t){function e(){return dN(this,e),bN(this,gN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mN(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.title}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(t){this.emit("addComponentType","svgtext")}}])&&vN(n.prototype,r),o&&vN(n,o),e}(MG);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 kN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function jN(t,e){for(var n=0;n<e.length;n++){var 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"!==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 PN(t){return(PN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function xN(t,e){return(xN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var $N=function(t){function e(){return kN(this,e),SN(this,PN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&xN(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(t){this.emit("showLoginWindow")}}])&&jN(n.prototype,r),o&&jN(n,o),e}(MG);function EN(t){return(EN="function"==typeof Symbol&&"symbol"==typeof Symbol.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,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function CN(t,e){for(var n=0;n<e.length;n++){var 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"!==EN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function RN(t){return(RN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function DN(t,e){return(DN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var VN=function(t){function e(){return _N(this,e),TN(this,RN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&DN(t,e)}(e,t),n=e,(r=[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(t){this.emit("showSignWindow")}}])&&CN(n.prototype,r),o&&CN(n,o),e}(MG);function AN(t){return(AN="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function IN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MN(t,e){return!e||"object"!==AN(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BN(t){return(BN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zN(t,e){return(zN=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FN=function(t){function e(){return IN(this,e),MN(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&&zN(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.artboard}},{key:"getTitle",value:function(){return this.props.title||"Artboard"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addArtBoard")}}])&&LN(n.prototype,r),o&&LN(n,o),e}(MG);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 HN(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 XN(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 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 HN(this,e),XN(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.edit}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addDrawPath")}}])&&YN(n.prototype,r),o&&YN(n,o),e}(MG);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qN(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JN(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 QN(t){return(QN=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function tK(t,e){return(tK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var eK=function(t){function e(){return ZN(this,e),JN(this,QN(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&tK(t,e)}(e,t),n=e,(r=[{key:"getIconString",value:function(){return tv.brush}},{key:"getTitle",value:function(){return this.props.title||"draw a brush"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addDrawBrush")}}])&&qN(n.prototype,r),o&&qN(n,o),e}(MG);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 rK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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={AddVideo:function(t){function e(){return rK(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,t),n=e,(r=[{key:"getIconString",value:function(){return tv.video}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addComponentType","video")}}])&&oK(n.prototype,r),o&&oK(n,o),e}(MG),AddDrawBrush:eK,AddDrawPath:WN,AddArtboard:FN,SignButton:VN,LoginButton:$N,AddSVGText:wN,AddCylinder:yN,AddSVGTextPath:aN,Fullscreen:QX,AddSVGCircle:NX,AddSVGRect:BX,SelectTool:RX,Download:PX,Save:gX,AddCube:qY,AddImage:oX,AddPath:fX,Manual:YY,ExportView:LY,AddText:CY,CopyItem:jY,SameHeight:sY,SameWidth:vY,TopAlign:GH,BottomAlign:UH,MiddleAlign:nY,CenterAlign:AH,RightAlign:EH,LeftAlign:OH,AddCircle:hH,AddRect:cH,ExportCodePen:tH,Github:XG};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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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 yK(t){return(yK=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 dK=function(t){function e(){return lK(this,e),pK(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&&hK(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items'>\n            <SelectTool />\n            <AddRect />\n            <AddCircle />         \n            <AddText />\n            <AddImage />\n            <AddVideo />\n            <div class='divider'></div>\n            <AddDrawPath />\n            <AddPath />\n            <AddSVGRect />\n            <AddSVGCircle />            \n            <AddSVGText />\n            <AddSVGTextPath />\n            <AddPolygon />\n          </div>\n        </div>\n\n      </div>\n    "}},{key:yo("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:bn("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}])&&fK(n.prototype,r),o&&fK(n,o),e}(ho);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 bK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 wK(t){return(wK=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function OK(t,e){return(OK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kK=function(t){function e(){return bK(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&&OK(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return YF}},{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='property ".concat(this.isHideHeader()?"no-title":""," ").concat(this.getClassName()," ").concat(this.isFirstShow()?"show":"","'>\n            ").concat(this.isHideHeader()?"":"\n            <div class='property-title ".concat(this.getTitleClassName(),'\' ref="$title">\n                <label class="').concat(this.hasKeyframe()?"has-keyframe":"",'"> \n                  ').concat(this.hasKeyframe()?"\n                      <span class='add-timeline-property' data-property='".concat(this.getKeyframeProperty(),"'></span>\n                    "):""," \n                  <span ref='$propertyTitle'>").concat(this.getTitle(),"</span>\n                  <span class='icon'>").concat(tv.chevron_right,'</span>\n                </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:"getTitleClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:bn("$title label"),value:function(t){var e=t.$dt.parent(),n=un.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:bn("$title .icon"),value:function(t){t.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:bn("$el .property-body .add-timeline-property")+Qn+tr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:bn("$el .property-title .add-timeline-property")+Qn+tr,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{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=this.$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=this.$selection.current;n?G(t)&&t()?(this.show(),e&&this.refresh()):!G(t)&&t.includes(n.itemType)?(this.show(),e&&this.refresh()):this.hide():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()}}}])&&gK(n.prototype,r),o&&gK(n,o),e}(ho);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 SK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function PK(t,e){for(var n=0;n<e.length;n++){var 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"!==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 $K(t){return($K=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 _K=["visible","hidden","scroll","auto"],CK=function(t){function e(){return SK(this,e),xK(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&&EK(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return _K.map((function(e){return"".concat(e,":").concat(t.$i18n("background.color.property.overflow.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$zIndex' \n            key='z-index' \n            label='".concat(this.$i18n("background.color.property.zindex"),"'\n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeSelect\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='opacity'></span>\n          </div>\n          <NumberRangeEditor \n            ref='$opacity' \n            key='opacity' \n            label='").concat(this.$i18n("background.color.property.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          <div class='group'>\n            <span class='add-timeline-property' data-property='mix-blend-mode'></span>\n          </div>\n          <BlendSelectEditor \n            label='").concat(this.$i18n("background.color.property.blend"),"'\n            ref='$mixBlend' \n            removable='true'\n            key='mix-blend-mode' \n            icon=\"true\" \n            tabIndex=\"1\"\n            onchange=\"changeSelect\" />\n        </div>        \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='overflow'></span>\n          </div>\n          <SelectEditor \n            label='").concat(this.$i18n("background.color.property.overflow"),"'\n            ref='$overflow' \n            removable='true'\n            key='overflow' \n            icon=\"true\" \n            tabIndex=\"1\"\n            options=\"").concat(this.getOverflowList(),'" \n            onchange="changeSelect" />\n        </div>                \n      ')}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$zIndex.setValue(t["z-index"]||0),this.children.$opacity.setValue(t.opacity||"1"),this.children.$mixBlend.setValue(t["mix-blend-mode"]),this.children.$overflow.setValue(t.overflow))}},{key:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project"])}}])&&PK(n.prototype,r),o&&PK(n,o),e}(kK);function TK(t){return(TK="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function DK(t,e){for(var n=0;n<e.length;n++){var 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"!==TK(e)&&"function"!=typeof e?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 IK(t,e){return(IK=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var LK=function(t){function e(){return RK(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&&IK(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{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:er("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <BorderRadiusEditor ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:yo("changeBorderRadius"),value:function(t){console.log(t),this.emit("setAttribute",{"border-radius":t})}}])&&DK(n.prototype,r),o&&DK(n,o),e}(kK);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 BK(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==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 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 YK=function(t){function e(){return BK(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,t),n=e,(r=[{key:"isHideHeader",value:function(){return!0}},{key:"getTitle",value:function(){return this.$i18n("size.property.title")}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot("project")}},{key:yo("refreshRect")+Zn(100),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:"getBody",value:function(){return"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; padding-top: 10px;'>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='width'></span>\n          </div>\n          <InputRangeEditor ref='$width' key='width' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding:0px'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='height'></span>      \n          </div>\n          <InputRangeEditor ref='$height' key='height' min=\"0\" max='3000' onchange='changRangeEditor' />\n        </div>      \n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>".concat(this.$i18n("size.property.width"),"</span>\n        <span>").concat(this.$i18n("size.property.height"),"</span>\n      </div>\n    ")}},{key:yo("changRangeEditor"),value:function(t,e){this.$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("resetSelection")}}])&&zK(n.prototype,r),o&&zK(n,o),e}(kK);function XK(t){return(XK="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==XK(e)&&"function"!=typeof e?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 NK(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{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:er("$shadowList"),value:function(){var t=this.$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(tv.add,"</button>")}},{key:bn("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:yo("changeBoxShadow"),value:function(t){this.emit("setAttribute",{"box-shadow":t})}}])&&KK(n.prototype,r),o&&KK(n,o),e}(kK);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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)}function oW(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 iW=[];["margin","padding"].forEach((function(t){iW.push.apply(iW,oW(["-top","-bottom","-left","-right"].map((function(e){return t+e}))))}));var aW=function(t){function e(){return QK(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["artboard","rect","circle","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]||rn.px(0);return('<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />'))}},{key:er("$boxModelItem"),value:function(){var t=this.$selection.current;return t?'\n      <div>\n        <div class="margin" data-title="'.concat(this.$i18n("box.model.property.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" data-title="').concat(this.$i18n("box.model.property.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 class='content' title='Content'>\n        \n        </div>\n      </div>\n    "):""}},{key:En("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};iW.forEach((function(n){e[n]=rn.px(t.getRef("$",n).value)})),this.emit("setAttribute",e)}}])&&tW(n.prototype,r),o&&tW(n,o),e}(kK);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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function sW(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function lW(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 fW(t){return(fW=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 yW=function(t){function e(){return uW(this,e),lW(this,fW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return"Content"}},{key:yo("refreshSelection","refreshContent")+Un(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:ir("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:En("$contentItem"),value:function(t){this.setContent()}},{key:"setContent",value:function(){var t=this.$selection.current;if(t){var e={content:this.refs.$contentItem.value};t.reset(e),this.emit("refreshCanvasForPartial",t)}}}])&&sW(n.prototype,r),o&&sW(n,o),e}(kK);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 dW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vW(t,e){for(var n=0;n<e.length;n++){var 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"!==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 gW(t){return(gW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function mW(t,e){return(mW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var wW=function(t){function e(){return dW(this,e),bW(this,gW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&mW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label='".concat(this.$i18n("font.property.color"),"' key='color' onchange=\"changeColor\" />\n      </div>      \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$size' \n          label='").concat(this.$i18n("font.property.size"),"' \n          key=\"font-size\" \n          \n          onchange=\"changeRangeEditor\" />\n      </div>\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-stretch'></span>\n        </div>\n        <RangeEditor \n          ref='$stretch' \n          label='").concat(this.$i18n("font.property.stretch"),"' \n          key=\"font-stretch\" \n          \n          units='%',\n          onchange=\"changeRangeEditor\" />\n      </div>      \n \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$weightRange' \n          label='").concat(this.$i18n("font.property.weight"),'\' \n          key=\'font-weight\' \n         \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=\'').concat(this.$i18n("font.property.style"),"' \n          key=\"font-style\" \n          options=\"normal:I,italic\" \n          icons='I,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <SelectEditor \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          options=",serif,sans-serif,monospace,cursive,fantasy,system-ui" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:yo("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:yo("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&vW(n.prototype,r),o&&vW(n,o),e}(kK);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 kW(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 SW(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 PW(t){return(PW=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)}var $W=function(t){function e(){return kW(this,e),SW(this,PW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{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(tv.add,"</button>")}},{key:bn("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:er("$shadowList"),value:function(){var t=this.$selection.current||{};return("\n      <TextShadowEditor ref='$textshadow' value=\"".concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    '))}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["text"])}},{key:yo("changeTextShadow"),value:function(t){this.emit("setAttribute",{"text-shadow":t})}}])&&jW(n.prototype,r),o&&jW(n,o),e}(kK);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 _W(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 TW(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 RW(t){return(RW=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 _W(this,e),TW(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&&DW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath","svg-tspan"])}},{key:"refresh",value:function(){var t=this.$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='".concat(this.$i18n("text.property.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='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:A,lowercase:a,capitalize:Aa\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <SelectIconEditor \n          ref='$decoration' \n          label='").concat(this.$i18n("text.property.decoration"),"' \n          key='text-decoration' \n          options=\"none,underline,overline:O,line-through\" \n          icons=\"A,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:yo("changeTextValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&CW(n.prototype,r),o&&CW(n,o),e}(kK);function AW(t){return(AW="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 MW(t,e){return!e||"object"!==AW(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function BW(t){return(BW=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function zW(t,e){return(zW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var FW=function(t){function e(){return IW(this,e),MW(this,BW(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&zW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text","svg-text","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||rn.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 animation-property-item'>\n      <div class='group'>\n        <span class='add-timeline-property' data-property='line-height'></span>\n      </div>\n      <RangeEditor \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),"' \n        key=\"line-height\" \n        units=\",px,%,em\"\n        onchange=\"changeRangeEditor\" />\n    </div>       \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='letter-spacing'></span>\n        </div>\n        <RangeEditor ref='$letter' label='").concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='word-spacing'></span>\n        </div>\n        <RangeEditor ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\" onchange=\"changeRangeEditor\" />\n      </div>\n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-indent'></span>\n        </div>      \n        <RangeEditor ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:yo("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=rn.number(e.value)),this.emit("setAttribute",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))}}])&&LW(n.prototype,r),o&&LW(n,o),e}(kK);function GW(t){return(GW="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function HW(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YW(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){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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 WW(t,e){return!e||"object"!==GW(e)&&"function"!=typeof e?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 ZW(t,e){return(ZW=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qW=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],JW=qW.map((function(t){return t.key})),QW={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(tv.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(tv.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(tv.repeat," Conic")},tU=function(t){function e(){return NW(this,e),WW(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&&ZW(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Border Image"}},{key:yo("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var t=(this.$selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(t?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:bn("$apply"),value:function(){var t=this.$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:er("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?QW[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:yo("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&JW.forEach((function(t){n.children["$".concat(t,"Slice")].setValue(e)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){return this.$selection.current,'\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(tv.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(tv.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(qW.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:$n("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:bn("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:bn("$borderImageView .colorsteps .step"),value:function(t){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var e=t.$dt.attr("data-colorstep-id");t.$dt.attr("data-selected",!0);var n=t.$dt.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=XW(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||en.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=en.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HW(Object(n),!0).forEach((function(e){YW(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HW(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage),{selectColorStepId:e,refresh:!0}))}},{key:"viewChangeImage",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(QW.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty())}}},{key:"setImage",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setImageUrl(t),this.viewChangeImage(t),this.emit("refreshElement",e))}},{key:"viewChangeGradient",value:function(t){var e=this.$selection.current;if(e){var n,r=e.borderImage;r&&((n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(QW[t.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(t.colorsteps)))}}},{key:"setGradient",value:function(t){var e=this.$selection.current;e&&(e.borderImage.setGradient(t),this.viewChangeGradient(t),this.emit("refreshElement",e))}},{key:yo("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=this.$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 JW.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:bn("$selector button"),value:function(t){var e=t.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",e),"all"===e?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}])&&KW(n.prototype,r),o&&KW(n,o),e}(kK);function eU(t){return(eU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nU(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rU(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function oU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function iU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function aU(t,e){return!e||"object"!==eU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function cU(t){return(cU=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)}var sU=function(t){function e(){return oU(this,e),aU(this,cU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{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(tv.add,"</button>\n    ")}},{key:er("$animationList"),value:function(){var t=this,e=this.$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; ".concat(t.$i18n("animation.property.select a keyframe")," &gt;"),"\n              </div>\n              <div class='labels'>\n                <label class='count' title='").concat(t.$i18n("animation.property.iteration.count"),"'><small>").concat(e.iterationCount,"</small></label>\n                <label class='delay' title='").concat(t.$i18n("animation.property.delay"),"'><small>").concat(e.delay,"</small></label>\n                <label class='duration' title='").concat(t.$i18n("animation.property.duration"),"'><small>").concat(e.duration,"</small></label>\n                <label class='direction' title='").concat(t.$i18n("animation.property.direction"),"'><small>").concat(e.direction,"</small></label>\n                <label class='fill-mode' title='").concat(t.$i18n("animation.property.fill.mode"),"'><small>").concat(e.fillMode,"</small></label>\n                <label class='play-state' title='").concat(t.$i18n("animation.property.play.state"),"' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(e.playState,"\">\n                  <small data-play-state-value='running'>").concat(tv.play,"</small>\n                  <small data-play-state-value='paused'>").concat(tv.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(tv.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=yj(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:yo("refreshSelection")+Un(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=this.$selection.current;e&&e.animations.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:bn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createAnimation({name:null}),this.emit("refreshElement",e)),this.refresh(),this.emit("refreshInspector")}},{key:kn("$animationList .animation-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$animationList .animation-item")+Qn,value:function(t){}},{key:jn("$animationList .animation-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:bn("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeAnimation(e),this.emit("refreshElement",n),this.refresh())}},{key:bn("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.animations[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentAnimation=this.current.animations[this.selectedIndex],this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(t){if(this.current=this.$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:bn("$animationList .preview"),value:function(t){this.viewAnimationPicker(t.$dt)}},{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 e.repeat?(n=this.getRef("repeat",this.selectedIndex)).text(e.repeat):e.timingFunction&&this.drawBezierCanvas(this.getRef("$itemCanvas",this.selectedIndex),e.timingFunction)}},{key:yo("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]:{};e%2?nU(Object(n),!0).forEach((function(e){rU(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nU(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&iU(n.prototype,r),o&&iU(n,o),e}(kK);function lU(t){return(lU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function fU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function pU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function yU(t,e){return!e||"object"!==lU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function hU(t){return(hU=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)}var vU=function(t){function e(){return fU(this,e),yU(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&&dU(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{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(tv.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(tv.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(tv.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(tv.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:bn("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(t){var e=t.$dt.closest("keyframe-item"),n=+e.attr("data-index"),r=t.$dt.attr("data-type"),o=this.$selection.currentProject;if(o){var i=o.keyframes[n];i&&i.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:bn("$keyframeList .keyframe-item .offset-list"),value:function(t){var e=+t.$dt.closest("keyframe-item").attr("data-index");this.$selection.currentProject&&this.viewKeyframePicker(e)}},{key:bn("$keyframeList .del")+Qn,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.currentProject;n&&(n.removeKeyframe(e),this.emit("refreshProject",n),this.refresh())}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot("project")}},{key:er("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?QO.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:bn("$add"),value:function(){var t=this.$selection.currentProject;t?(t.createKeyframe(),this.refresh(),this.emit("refreshProject",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=this.$selection.currentProject,this.current&&(this.currentKeyframe=this.current.keyframes[this.selectedIndex],this.viewKeyframePropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:yo("changeKeyframePopup"),value:function(t){var e=this.$selection.currentProject;e&&(this.currentKeyframe=e.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(t),this.refresh(),this.emit("refreshProject",e))}}])&&pU(n.prototype,r),o&&pU(n,o),e}(kK);function bU(t){return(bU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function gU(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function mU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wU(t,e){for(var n=0;n<e.length;n++){var 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"!==bU(e)&&"function"!=typeof e?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){return(kU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jU(t,e){return(jU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SU=function(t){function e(){return mU(this,e),OU(this,kU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jU(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='background-color'></span>\n        </div>\n        <ColorViewEditor ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),'" key=\'background-color\' onchange="changeColor" />\n      </div>            \n    ')}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(tv.add,"</button>")}},{key:bn("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:er("$property"),value:function(){var t=(this.$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:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load();var t=this.$selection.current;t&&this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)")}},{key:yo("changeColor"),value:function(t,e){this.emit("setAttribute",gU({},t,e))}},{key:yo("changeBackgroundImage")+Un(10),value:function(t,e){this.emit("setAttribute",gU({},t,e))}}])&&wU(n.prototype,r),o&&wU(n,o),e}(kK);function PU(t){return(PU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xU(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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function EU(t,e){for(var n=0;n<e.length;n++){var 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"!==PU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function CU(t){return(CU=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 RU=function(t){function e(){return $U(this,e),_U(this,CU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"filter"}},{key:"getTitleClassName",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(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:er("$filterSelect"),value:function(){var t=this,e=J$.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(xU(e),[{title:"-------",value:""}],xU(n)):xU(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){var e=t.id;return{title:"svg - #".concat(e),value:e}}))),e}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).filter;return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:yo("changeFilterEditor"),value:function(t){this.emit("setAttribute",{filter:t})}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$filterSelect")}}])&&EU(n.prototype,r),o&&EU(n,o),e}(kK);function DU(t){return(DU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function VU(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 AU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function IU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function LU(t,e){return!e||"object"!==DU(e)&&"function"!=typeof e?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){return(MU=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function BU(t,e){return(BU=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zU=function(t){function e(){return AU(this,e),LU(this,MU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&BU(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:yo("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+Un(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){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.split(";").filter((function(t){return t.trim()})).map((function(t){var n=VU((t=t.trim()).split(":"),2),r=n[0],o=n[1];return"".concat(e,"<strong>").concat(r,"</strong>:").concat(o,";\n")})).join("").trim()}},{key:"modifyNewLine",value:function(t){return t.replace(/;/gi,";\n").trim()}},{key:er("$body"),value:function(){var t=this,e=this.$selection.currentProject,n=e?e.toKeyframeString():"",r=e?q(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=this.$selection.current,a=i?et(i.toExport()):"",c=i?i.toNestedCSS().map((function(e){var n=e.cssText?e.cssText:q(e.css);return"".concat(e.selector," { \n").concat(t.filterKeyName(et(n),"&nbsp;&nbsp;"),"\n}")})):[],u=i?et(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='".concat(this.$i18n("code.view.property.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    ")}}])&&IU(n.prototype,r),o&&IU(n,o),e}(kK);function FU(t){return(FU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function GU(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 HU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 XU(t,e){return!e||"object"!==FU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function NU(t){return(NU=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 WU=function(t){function e(){return HU(this,e),XU(this,NU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{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(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:er("$filterSelect"),value:function(){var t=this,e=J$.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(GU(e),[{title:"-------",value:""}],GU(n)):GU(e)).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:"getSVGFilterList",value:function(){var t=this.$selection.currentProject,e=[];return t&&(e=t.svgfilters.map((function(t){return{title:"svg - #".concat(t.id),value:t.id}}))),e}},{key:er("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return"<FilterEditor ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:yo("changeFilterEditor"),value:function(t){this.emit("setAttribute",{"backdrop-filter":t})}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}])&&YU(n.prototype,r),o&&YU(n,o),e}(kK);function UU(t){return(UU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ZU(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qU(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function JU(t,e){return!e||"object"!==UU(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function QU(t){return(QU=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=["rotate","rotateX","rotateY","rotateZ","rotate3d","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],nZ=function(t){function e(){return ZU(this,e),JU(this,QU(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{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(){var t=this;return('\n      <select ref="$transformSelect">\n      '.concat(eZ.map((function(e){var n=t.$i18n("css.item."+e);return"<option value='".concat(e,"'>").concat(n,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(tv.add,"</button>\n    "))}},{key:bn("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).transform;return"\n      <TransformEditor ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:yo("changeTransformEditor"),value:function(t){this.emit("setAttribute",{transform:function(e){return ti.replaceAll(e.transform,t)}})}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("refreshSelectionStyleView","refreshStyleView","refreshRect")+Un(100),value:function(){this.refresh()}}])&&qU(n.prototype,r),o&&qU(n,o),e}(kK);function rZ(t){return(rZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==rZ(e)&&"function"!=typeof e?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=["circle","ellipse","inset","polygon","path","svg"],lZ=function(t){function e(){return oZ(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{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(sZ.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(tv.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(tv.remove2,"\n              </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$clippathList .clippath-item"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:bn("$clippathList .del")+Qn,value:function(t){var e=this.$selection.current;e&&(this.emit("setAttribute",{"clip-path":""},e.id),this.refresh(),this.emit("hideClipPathPopup"))}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:er("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"]):""}},{key:bn("$add"),value:function(){var t=this.$selection.current;t&&(t["clip-path"]?alert("clip-path is already exists."):(t&&(t["clip-path"]=this.refs.$clipPathSelect.value,this.emit("setAttribute",{"clip-path":this.refs.$clipPathSelect.value},t.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this.$selection.current;if(t){var e=Ld.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=e.value.trim(),r=n?"modify":"path";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:yo("updateClipPathString"),value:function(t){var e=this.$selection.current;e&&(e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("setAttribute",{"clip-path":"path(".concat(t.d,")")},null,!0))}},{key:yo("changeClipPathPopup"),value:function(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.emit("setAttribute",t,e.id))}}])&&iZ(n.prototype,r),o&&iZ(n,o),e}(kK);function fZ(t){return(fZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pZ(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yZ(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function hZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 vZ(t,e){return!e||"object"!==fZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function bZ(t){return(bZ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function gZ(t,e){return(gZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var mZ=function(t){function e(){return hZ(this,e),vZ(this,bZ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&gZ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{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(tv.add,"</button>\n    ")}},{key:er("$transitionList"),value:function(){var t=this,e=this.$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(tv.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:"drawBezierCanvas",value:function(t,e){e=yj(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:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){this.load(),this.refreshTimingFunctionCanvas()}},{key:"refreshTimingFunctionCanvas",value:function(){var t=this,e=this.$selection.current;e&&e.transitions.forEach((function(e,n){var r=t.getRef("$itemCanvas",n);t.drawBezierCanvas(r,e.timingFunction)}))}},{key:bn("$add"),value:function(t){var e=this.$selection.current;e&&(e.createTransition(),this.emit("refreshElement",e)),this.refresh()}},{key:kn("$transitionList .transition-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$transitionList .transition-item")+Qn,value:function(t){}},{key:jn("$transitionList .transition-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$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:bn("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeTransition(e),this.emit("refreshElement",n),this.refresh())}},{key:bn("$transitionList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=n.transitions[e];r&&(r.togglePlayState(),t.$dt.attr("data-play-state-selected-value",r.playState),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$selection.current,this.current&&(this.currentTransition=this.current.transitions[this.selectedIndex],this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(t){if(this.current=this.$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:bn("$transitionList .preview"),value:function(t){this.viewTransitionPicker(t.$dt)}},{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:yo("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]:{};e%2?pZ(Object(n),!0).forEach((function(e){yZ(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pZ(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.emit("refreshElement",this.current),this.refresh()))}}])&&dZ(n.prototype,r),o&&dZ(n,o),e}(kK);function wZ(t){return(wZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kZ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function jZ(t,e){return!e||"object"!==wZ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function SZ(t){return(SZ=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 OZ(this,e),jZ(this,SZ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(tv.remove,"</button>\n    ")}},{key:bn("$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:er("$body"),value:function(){var t=(this.$selection.current||{})["perspective-origin"]||"";return"<PerspectiveOriginEditor \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("changePerspectiveOrigin"),value:function(t){this.emit("setAttribute",{"perspective-origin":t})}}])&&kZ(n.prototype,r),o&&kZ(n,o),e}(kK);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 EZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 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 TZ(t){return(TZ=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 DZ=function(t){function e(){return EZ(this,e),CZ(this,TZ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"isFirstShow",value:function(){return!1}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(tv.remove,"</button>\n    ")}},{key:bn("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:er("$perspective"),value:function(){var t=(this.$selection.current||{}).perspective||"";return"\n        <RangeEditor ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:yo("changePerspective"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project"])}}])&&_Z(n.prototype,r),o&&_Z(n,o),e}(kK);function VZ(t){return(VZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function AZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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 LZ(t,e){return!e||"object"!==VZ(e)&&"function"!=typeof e?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 BZ(t,e){return(BZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zZ=function(t){function e(){return AZ(this,e),LZ(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&&BZ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(tv.remove,"</button>\n    ")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:bn("$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:er("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<TransformOriginEditor ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:yo("refreshSelection","refreshRect")+Un(100),value:function(){this.refreshShowIsNot(["project"])}},{key:yo("changeTransformOrigin"),value:function(t){this.emit("setAttribute",{"transform-origin":t})}}])&&IZ(n.prototype,r),o&&IZ(n,o),e}(kK);function FZ(t){return(FZ="function"==typeof Symbol&&"symbol"==typeof Symbol.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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function HZ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function YZ(t,e){return!e||"object"!==FZ(e)&&"function"!=typeof e?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 NZ(t,e){return(NZ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var KZ=function(t){function e(){return GZ(this,e),YZ(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&&NZ(t,e)}(e,t),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:er("$backgroundClip"),value:function(){var t=(this.$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:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","text"])}}])&&HZ(n.prototype,r),o&&HZ(n,o),e}(kK);function WZ(t){return(WZ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function UZ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}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"!==WZ(e)&&"function"!=typeof e?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 tq=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),eq=function(t){function e(){return UZ(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{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\" key-value-char=';' none-value=\"selector\" options=\"".concat(tq,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(tv.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;".concat(this.$i18n("selector.property.none"),"&gt;"),'</span>\n          </div>\n          <div class=\'tools\'>\n              <button type="button" class="del" data-index="').concat(e,'">').concat(tv.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:bn("$selectorList .selector-item .del")+Qn+tr,value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeSelector(e),this.emit("refreshElement",n),this.refresh())}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:er("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?kd.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,n.map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:kn("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$selectorList .selector-item")+Qn,value:function(t){}},{key:jn("$selectorList .selector-item")+Qn,value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.sortSelector(this.startIndex,e),this.emit("refreshElement",n),this.refresh())}},{key:bn("$add"),value:function(){var t=this.$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=this.$selection.current,this.current&&(this.currentSelector=this.current.selectors[this.selectedIndex],this.viewSelectorPropertyPopup())}},{key:"selectItem",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e?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=this.$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:yo("changeSelectorPopup"),value:function(t){this.current=this.$selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(t),this.refresh(),this.emit("refreshElement",this.current))}}])&&ZZ(n.prototype,r),o&&ZZ(n,o),e}(kK);function nq(t){return(nq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function rq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function oq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function iq(t,e){return!e||"object"!==nq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function aq(t){return(aq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function cq(t,e){return(cq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var uq=function(t){function e(){return rq(this,e),iq(this,aq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:yo("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:yo("refreshRect"),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x&&this.children.$x.setValue(t.x),this.children.$y&&this.children.$y.setValue(t.y)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="position-item" ref="$positionItem"></div>\n    '}},{key:er("$positionItem"),value:function(){var t=this.$selection.current;return t?"\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px;'>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='x'></span>\n          </div>\n          <InputRangeEditor ref='$x' key='x' value='".concat(t.x,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n        <div class='property-item animation-property-item' style='padding: 0px;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='y'></span>\n          </div>\n          <InputRangeEditor ref='$y' key='y' value='").concat(t.y,"' min=\"-1000\" max='1000' onchange='changRangeEditor' />\n        </div>\n      </div>\n      <div style='display: grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; text-align: center;padding: 4px 0px;'>\n        <span>").concat(this.$i18n("position.property.X"),"</span>\n        <span>").concat(this.$i18n("position.property.Y"),"</span>\n      </div>      \n    "):""}},{key:yo("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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("refreshAllElementBoundSize")}}])&&oq(n.prototype,r),o&&oq(n,o),e}(kK);function sq(t){return(sq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function fq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function pq(t,e){return!e||"object"!==sq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function yq(t){return(yq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function hq(t,e){return(hq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var dq=function(t){function e(){return lq(this,e),pq(this,yq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&hq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("project.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a project\">".concat(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:er("$projectList")+Wn,value:function(){var t=this;return(this.$editor.projects||[]).map((function(e,n){var r=e===t.$selection.currentProject?"selected":"";return("\n        <div class='project-item ".concat(r,"'>\n          <div class='detail'>\n            <label data-index='").concat(n,"'>").concat(e.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(tv.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))}))}},{key:gn("$projectList .project-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$editor.projects[t];r&&r.reset({name:n})}))}},{key:wn("$projectList .project-item label")+Xn+Qn+tr,value:function(t){return this.modifyDoneInputEditing(t.$dt),!1}},{key:Cn("$projectList .project-item label")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectProject",value:function(t){t&&(this.$selection.selectProject(t),t.artboards.length&&(this.$selection.selectArtboard(t.artboards[0]),this.$selection.select())),this.emit("refreshAllSelectProject")}},{key:bn("$projectList .project-item label"),value:function(t){var e=+t.$dt.attr("data-index");this.selectProject(this.$editor.projects[e])}},{key:bn("$projectList .project-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.$editor.projects.splice(e);var n=this.$editor.projects[e]||this.$editor.projects[e-1];this.selectProject(n)}},{key:yo("refreshProjectList"),value:function(){this.refresh()}}])&&fq(n.prototype,r),o&&fq(n,o),e}(kK);function vq(t){return(vq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function mq(t,e){return!e||"object"!==vq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function wq(t){return(wq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Oq(t,e){return(Oq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var kq=function(t){function e(){return bq(this,e),mq(this,wq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Oq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("artboard.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a artboard\">".concat(tv.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="artboard-list scrollbar" ref="$artboardList"></div>\n    '}},{key:er("$artboardList")+Wn,value:function(){var t=this,e=this.$selection.currentProject;return e?e.artboards.map((function(e,n){var r=e===t.$selection.currentArtboard?"selected":"",o="";return e.hasLayout()&&(o=t.$i18n("artboard.property.layout.title."+e.layout)),"\n        <div class='artboard-item ".concat(r,"' data-layout=\"").concat(e.layout,"\" data-artboard-id='").concat(e.id,"'>\n          <div class='preview icon'>").concat(tv.doc,"</div>\n          <div class='detail'>\n            <label data-index='").concat(n,"' data-layout-title='").concat(o,"' >").concat(e.name,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(tv.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      ")})):""}},{key:gn("$artboardList .artboard-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(t,n){var r=e.$selection.currentProject;if(r){var o=r.artboards[t];o&&(o.reset({name:n}),e.emit("refreshArtBoardName",o.id,n))}}))}},{key:wn("$artboardList .artboard-item label")+Xn+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Cn("$artboardList .artboard-item label")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:bn("$add"),value:function(t){this.emit("addArtBoard")}},{key:bn("$artboardList .artboard-item .remove"),value:function(t){var e=this.$selection.currentProject;if(e){var n=+t.$dt.attr("data-index");e.artboards.splice(n);var r=e.artboards[n]||e.artboards[n-1];this.emit("selectArtboard",r)}}},{key:bn("$artboardList .artboard-item label"),value:function(t){var e=this.$selection.currentProject;if(e){t.$dt.closest("artboard-item").onlyOneClass("selected");var n=+t.$dt.attr("data-index"),r=e.artboards[n];this.emit("selectArtboard",r)}}},{key:yo("refreshArtBoardList"),value:function(){this.refresh()}},{key:yo("changeItemLayout"),value:function(){this.refresh()}}])&&gq(n.prototype,r),o&&gq(n,o),e}(kK);function jq(t){return(jq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Sq(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pq(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Sq(Object(n),!0).forEach((function(e){xq(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sq(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xq(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function $q(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Eq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _q(t,e){return!e||"object"!==jq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Cq(t){return(Cq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Tq(t,e){return(Tq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Rq=function(t){function e(){return $q(this,e),_q(this,Cq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Tq(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add a layer\">".concat(tv.add,"</button>\n    ")}},{key:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:ir("$dragPointer"),value:function(){var t=this.state.lastDragOverOffset,e=this.state.itemRect.height/3,n={};if(this.state.lastDragOverOffset<e){t=0;var r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:rn.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else this.state.lastDragOverOffset>this.state.itemRect.height-e?(t=this.state.itemRect.height,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:rn.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"):(t=0,r=this.state.lastDragOverPosition+t-this.state.rootRect.top,n={top:rn.px(r),height:rn.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self");return{style:Pq({position:"absolute"},n,{display:this.state.hideDragPointer?"none":"block"})}}},{key:"getIcon",value:function(t){switch(t.itemType){case"circle":return tv.lens;case"image":return tv.image;case"text":case"svg-text":return tv.title;case"svg-textpath":return tv.text_rotate;case"svg-path":return tv.pentool;case"cube":return tv.cube;case"cylinder":return tv.cylinder;default:return tv.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=e.$selection.check(t)?"selected":"",i=t.name;t.is("text")&&(i=t.text||t.name);var a="";return t.hasLayout()&&(a=e.$i18n("layer.tree.property.layout.title."+t.layout)),"        \n      <div class='layer-item ".concat(o,"' data-depth=\"").concat(n,"\" data-layout='").concat(t.layout,"' data-layer-id='").concat(t.id,"' draggable=\"true\">\n        <div class='detail'>\n          <label data-layout-title='").concat(a,"'> \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?tv.lock:tv.lock_open,'</button>\n            <button type="button" class="visible" data-visible="').concat(t.visible,"\" title='Visible'>").concat(tv.visible,"</button>\n          </div>\n        </div>\n      </div>\n\n      ").concat(e.makeLayerList(t,n+1),"\n    ")})).join(""):""}},{key:yo("refreshContent"),value:function(t){this.refresh()}},{key:er("$layerList")+Wn,value:function(){var t=this.$selection.currentArtboard;return t?this.makeLayerList(t,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:kn("$layerList .layer-item"),value:function(t){var e=t.$dt.attr("data-layer-id");t.$dt.addClass("drag-start"),t.dataTransfer.setData("layer/id",e),this.state.rootRect=this.refs.$layerList.rect(),this.state.itemRect=t.$dt.rect(),this.setState({hideDragPointer:!1},!1),this.bindData("$dragPointer")}},{key:Pn("$layerList .layer-item"),value:function(t){this.setState({hideDragPointer:!0},!1),this.bindData("$dragPointer"),this.refs.$layerList.$$(".".concat("drag-start")).forEach((function(t){t.removeClass("drag-start")}))}},{key:Sn("$layerList .layer-item:not(.".concat("drag-start",")"))+Qn,value:function(t){var e=t.$dt.attr("data-layer-id");this.state.lastDragOverItemId=e,this.state.lastDragOverPosition=t.$dt.rect().top,this.state.lastDragOverOffset=t.offsetY,this.bindData("$dragPointer")}},{key:jn("$layerList .layer-item:not(.".concat("drag-start",")")),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.dataTransfer.getData("layer/id");if(e!==n){var r=this.$selection.currentArtboard;if(r){var o=r.searchById(e),i=r.searchById(n);if(o.hasParent(i.id))return;o.add(i,this.state.lastDragOverItemDirection),this.$selection.select(i),this.setState({hideDragPointer:!0}),this.emit("refreshArtboard")}}}},{key:gn("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.closest("layer-item").attr("data-layer-id"),i=e.$selection.currentArtboard;if(i){var a=i.searchById(o);a&&a.reset({name:r})}}))}},{key:wn("$layerList .layer-item .name")+Xn+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Cn("$layerList .layer-item .name")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:"selectLayer",value:function(t){t&&this.$selection.select(t),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(t){t&&(this.$selection.select(t),this.emit("refreshArtboard"))}},{key:bn("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":Fe.random(),width:rn.px(200),height:rn.px(100)})}},{key:bn("$layerList .layer-item label"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item");n.onlyOneClass("selected");var r=n.attr("data-layer-id"),o=e.searchById(r);this.$selection.select(o),this.emit("refreshSelection")}}},{key:bn("$layerList .layer-item .visible"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-visible",!r.visible),this.emit("setAttribute",{visible:!r.visible},r.id)}}},{key:bn("$layerList .layer-item .lock"),value:function(t){var e=this.$selection.currentArtboard;if(e){var n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-lock",!r.lock),this.emit("setAttribute",{lock:!r.lock},r.id)}}},{key:yo("emptySelection"),value:function(){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}))}},{key:yo("changeSelection"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e&&this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach((function(t){t.removeClass("selected")}));var n=this.$selection.items.map((function(t){return'[data-layer-id="'.concat(t.id,'"]')})).join(",");n&&this.refs.$layerList.$$(n).forEach((function(e){e.addClass("selected");var n=t.$selection.itemKeys[e.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&e.$(".icon").html(t.getIcon(n))}))}}},{key:yo("refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:yo("refreshStylePosition","refreshSelectionStyleView","refreshCanvasForPartial"),value:function(){this.trigger("changeSelection")}},{key:yo("refreshLayerTreeView"),value:function(){this.refresh()}},{key:yo("changeItemLayout"),value:function(){this.refresh()}}])&&Eq(n.prototype,r),o&&Eq(n,o),e}(kK);function Dq(t){return(Dq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vq(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Aq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Iq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Lq(t,e){return!e||"object"!==Dq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Mq(t){return(Mq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Bq(t,e){return(Bq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var zq=function(t){function e(){return Aq(this,e),Lq(this,Mq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Bq(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["project","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:yo("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:"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:bn("$list .device-item"),value:function(t){var e=t.$dt.attr("data-size");this.emit("resizeArtBoard",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:er("$list")+Wn,value:function(){var t=this;return this.state.sizeList[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}},{key:yo("changeBoardSize"),value:function(t,e){var n=this.$selection.currentArtboard;if(n&&n.is("artboard")){if(!e.trim())return;var r=Vq(e.split("x"),2),o=r[0],i=r[1];o=rn.px(o),i=rn.px(i),this.emit("setAttribute",{width:o,height:i},n.id)}}}])&&Iq(n.prototype,r),o&&Iq(n,o),e}(kK);function Fq(t){return(Fq="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Gq(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hq(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gq(Object(n),!0).forEach((function(e){Yq(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gq(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yq(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Xq(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Nq(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Kq(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Wq(t,e){return!e||"object"!==Fq(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Uq(t){return(Uq=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Zq(t,e){return(Zq=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var qq=["","100x100","200x200","300x300","400x300","900x600","1024x762"],Jq=function(t){function e(){return Nq(this,e),Wq(this,Uq(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Zq(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> <span ref='$sizeInfo'></span> <button type=\"button\" ref='$resize'>").concat(tv.size,"</button>\n      </div>\n      <div>\n        <SelectEditor ref='$select' label=\"").concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(qq.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:yo("changeImageSize"),value:function(t,e){var n=Xq(e.split("x").map((function(t){return rn.px(t)})),2),r=n[0],o=n[1];this.emit("setAttribute",{width:r,height:o})}},{key:bn("$resize"),value:function(){var t=this.$selection.current;t&&(t.reset({width:t.naturalWidth.clone(),height:t.naturalHeight.clone()}),this.emit("resetSelection"))}},{key:ir("$sizeInfo"),value:function(){var t=this.$selection.current||{};return{innerHTML:"".concat(this.$i18n("image.property.width"),": ").concat(t.naturalWidth,", ").concat(this.$i18n("image.property.height"),": ").concat(t.naturalHeight)}}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).src||"";return"<ImageSelectEditor \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:yo("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(Hq({src:e},n)),this.bindData("$sizeInfo"),this.emit("setAttribute",Hq({src:e},n),r.id))}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["image"])}}])&&Kq(n.prototype,r),o&&Kq(n,o),e}(kK),Qq={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Fe.randomByCount(t).map((function(t){return{color:t}}))}},tJ=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),eJ={title:"material red",key:"material-red",execute:function(){return tJ}},nJ=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),rJ={title:"material pink",key:"material-pink",execute:function(){return nJ}},oJ=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),iJ={title:"material purple",key:"material-purple",execute:function(){return oJ}},aJ=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),cJ={title:"material deep purple",key:"material-deeppurple",execute:function(){return aJ}},uJ=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),sJ={title:"material indigo",key:"material-indigo",execute:function(){return uJ}},lJ=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),fJ={title:"material blue",key:"material-blue",execute:function(){return lJ}},pJ=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),yJ={title:"material light blue",key:"material-lightblue",execute:function(){return pJ}},hJ=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),dJ={title:"material cyan",key:"material-cyan",execute:function(){return hJ}},vJ=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),bJ={title:"material teal",key:"material-teal",execute:function(){return vJ}},gJ=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),mJ={title:"material green",key:"material-green",execute:function(){return gJ}},wJ=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),OJ={title:"material lightgreen",key:"material-lightgreen",execute:function(){return wJ}},kJ=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),jJ={title:"material lime",key:"material-lime",execute:function(){return kJ}},SJ=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),PJ={title:"material yellow",key:"material-yellow",execute:function(){return SJ}},xJ=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),$J={title:"material amber",key:"material-amber",execute:function(){return xJ}},EJ=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),_J={title:"material orange",key:"material-orange",execute:function(){return EJ}},CJ=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),TJ={title:"material deep orange",key:"material-deeporange",execute:function(){return CJ}},RJ=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),DJ={title:"material brown",key:"material-brown",execute:function(){return RJ}},VJ=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),AJ={title:"material gray",key:"material-gray",execute:function(){return VJ}},IJ=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),LJ={title:"material bluegray",key:"material-bluegray",execute:function(){return IJ}},MJ=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),BJ=[Qq,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return MJ}},eJ,rJ,iJ,cJ,sJ,fJ,yJ,dJ,bJ,mJ,OJ,jJ,PJ,$J,_J,TJ,DJ,AJ,LJ];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){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function GJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function HJ(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 YJ(t){return(YJ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function XJ(t,e){return(XJ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var NJ=function(t){function e(){return FJ(this,e),HJ(this,YJ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&XJ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("color.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var t=BJ.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:yo("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"color-assets-property"}},{key:yo("refreshSelection")+Un(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:kn("$colorList .color-item"),value:function(t){var e=t.$dt.attr("data-color");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/color",e)}},{key:er("$colorList"),value:function(){var t=this,e=BJ.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,'" data-color="').concat(t.color,'" data-custom="').concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.color,'" data-index="').concat(e,"\" draggable=\"true\"><div class='color-view' style='background-color: ").concat(t.color,";'></div></div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.remove,"</button>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(tv.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:bn("$colorList .add-color-item"),value:function(){this.executeColor((function(t){t.createColor({color:Fe.random(),name:"",variable:""})}))}},{key:bn("$colorList .remove"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.removeColor(e)}))}},{key:bn("$colorList .copy"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.copyColor(e)}))}},{key:bn("$colorList .preview"),value:function(t){var e=t.$dt.$(".color-view").css("background-color");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundColor",e):this.emit("setColorAsset",{color:e})}},{key:yo("changeColorAssets"),value:function(t,e){var n=this;this.executeColor((function(r){r.setColorValue(e.index,{color:t}),n.state.$el.css("background-color",t),n.state.$color.val(t)}),!1)}}])&&GJ(n.prototype,r),o&&GJ(n,o),e}(kK);function KJ(t){return(KJ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WJ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function UJ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function ZJ(t,e){return!e||"object"!==KJ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}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)}var QJ=function(t){function e(){return WJ(this,e),ZJ(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,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text"])}},{key:"refresh",value:function(){var t=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text-fill-color'></span>\n        </div>\n        <ColorViewEditor ref='$fillColor' label='".concat(this.$i18n("text.fill.property.fill"),"' key='text-fill-color' onchange=\"changeColor\" />\n      </div>           \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-color'></span>\n        </div>\n        <ColorViewEditor ref='$strokeColor' label='").concat(this.$i18n("text.fill.property.stroke"),"' key='text-stroke-color' onchange=\"changeColor\" />\n      </div>                 \n\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='text-stroke-width'></span>\n        </div>\n        <RangeEditor \n          ref='$width' \n          label='").concat(this.$i18n("text.fill.property.strokeWidth"),'\' \n          key="text-stroke-width" \n          \n          max="50"\n          onchange="changeRangeEditor" />\n      </div>\n    \n    ')}},{key:yo("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:yo("changeRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&UJ(n.prototype,r),o&&UJ(n,o),e}(kK),tQ=["0deg","45deg","90deg"],eQ=["0deg","45deg","90deg"],nQ=["0deg","45deg","90deg"],rQ=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"linear-gradient(".concat(W.apply(void 0,tQ),", ").concat(Bc.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"linear-gradient(".concat(W.apply(void 0,eQ),", ").concat(Bc.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(W.apply(void 0,nQ),", ").concat(Bc.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Bc.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Bc.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Bc.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){var e=g(45,55),n=g(45,55),r=g(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Bc.createColorStep(2,360,"deg"),")")}}))}},{title:"Random Conic",key:"random-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Bc.createColorStep(10,360,"deg"),")")}}))}},{title:"Repeat Conic",key:"repeat-conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return K(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Bc.createRepeatColorStep(10,"10deg"),")")}}))}}];function oQ(t){return(oQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function iQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function aQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function cQ(t,e){return!e||"object"!==oQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function uQ(t){return(uQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function sQ(t,e){return(sQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var lQ=function(t){function e(){return iQ(this,e),cQ(this,uQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&sQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){var t=rQ.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <SelectEditor key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:yo("changePreset"),value:function(t,e){this.setState(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:"getClassName",value:function(){return"gradient-assets-property"}},{key:yo("refreshSelection")+Un(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:kn("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:er("$gradientList"),value:function(){var t=this,e=rQ.find((function(e){return e.key===t.state.preset}));if(!e)return"";var n=e.execute().map((function(t,e){return"\n        <div class='gradient-item' data-index=\"".concat(e,"\" data-gradient='").concat(t.gradient,"' data-custom=\"").concat(t.custom,"\">\n          <div class='preview' title=\"").concat(t.gradient,"\" draggable=\"true\">\n            <div class='gradient-view' style='background-image: ").concat(t.gradient,";'></div>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-gradient-item'><butto type=\"button\">".concat(tv.add,"</button></div>")),n}},{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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:bn("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:qc.random(),name:"",variable:""})}))}},{key:bn("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}},{key:yo("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)}}])&&aQ(n.prototype,r),o&&aQ(n,o),e}(kK);function fQ(t){return(fQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function pQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function yQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function hQ(t,e){return!e||"object"!==fQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function dQ(t){return(dQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function vQ(t,e){return(vQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var bQ=function(t){function e(){return pQ(this,e),hQ(this,dQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&vQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-polygon","svg-textpath","svg-text")}},{key:yo("refreshPathLayer","refreshStyleView"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(t.totalLength||"")}},{key:yo("refreshSelection"),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)?(this.$el.isHide()&&this.$el.show(),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"]||rn.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||rn.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||rn.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:ir("$svgProperty"),value:function(){return{style:{display:(this.$selection.current||{})["motion-based"]?"none":"block"}}}},{key:"getBody",value:function(){var t=this.$selection.current||{};return("\n\n      <div class='property-item'> \n        <label>\n          <input type='checkbox' ref='$motionBased' ".concat(Q({checked:!!t["motion-based"]})," /> \n          ").concat(this.$i18n("svg.item.property.isMotionPath"),"\n        </label>\n      </div>      \n\n      <div ref='$svgProperty'>\n        <div class='property-item animation-property-item' ref='$path'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='d'></span>      \n          </div>            \n          <label>").concat(this.$i18n("svg.item.property.path")," - <span>").concat(this.$i18n("svg.item.property.totalLength"),"</span> <span ref='$length'></span> </label>\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill'></span>\n          </div>\n          <FillSingleEditor ref='$fill' label='").concat(this.$i18n("svg.item.property.fill"),"' key='fill' onchange=\"changeValue\" />\n        </div>\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-opacity'></span>\n          </div>            \n          <NumberRangeEditor \n            ref='$fillOpacity' \n            label='").concat(this.$i18n("svg.item.property.fillOpacity"),"' \n            key='fill-opacity' \n            value=\"1\" \n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            onchange=\"changeValue\" \n            />\n        </div>   \n\n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='fill-rule'></span>\n          </div>\n          <SelectIconEditor \n            ref='$fillRule' \n            label='").concat(this.$i18n("svg.item.property.fillRule"),"' \n            key=\"fill-rule\" \n            options=\"nonzero,evenodd\" \n            onchange=\"changeValue\" />\n        </div>            \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke'></span>\n          </div>\n          <FillSingleEditor ref='$stroke' label='").concat(this.$i18n("svg.item.property.stroke"),"' key='stroke' onchange=\"changeValue\" />\n        </div>      \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-width'></span>\n          </div>\n          <RangeEditor \n            ref='$strokeWidth' \n            label='").concat(this.$i18n("svg.item.property.strokeWidth"),"' \n            key=\"stroke-width\" \n            onchange=\"changeValue\" />\n        </div>\n              \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dasharray'></span>      \n          </div>          \n          <label>").concat(this.$i18n("svg.item.property.dashArray"),"</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          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-dashoffset'></span>      \n          </div>          \n          <NumberRangeEditor \n            ref='$strokeDashOffset' \n            key='stroke-dashoffset' \n            label='").concat(this.$i18n("svg.item.property.dashOffset"),"'\n            value=\"0\" \n            min=\"-1000\"\n            max=\"1000\"\n            step=\"1\"\n            onchange=\"changeValue\" \n            />\n        </div>         \n\n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linecap'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineCap' \n            label='").concat(this.$i18n("svg.item.property.lineCap"),"' \n            key=\"stroke-linecap\" \n            options=\"butt,round,square\" \n            onchange=\"changeValue\" \n          />\n        </div> \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='stroke-linejoin'></span>      \n          </div>          \n          <SelectIconEditor \n            ref='$strokeLineJoin' \n            label='").concat(this.$i18n("svg.item.property.lineJoin"),"'             \n            key=\"stroke-linejoin\" \n            options=\"miter,bevel,round\" \n            onchange=\"changeValue\" \n          />\n        </div>        \n        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <SVGFilterSelectEditor \n            ref='$svgFilter' \n            label='").concat(this.$i18n("svg.item.property.filter"),'\' \n            key="svgfilter" \n            onchange="changeValue" \n          />\n        </div>         \n      </div>\n   \n    '))}},{key:bn("$motionBased"),value:function(){this.emit("setAttribute",{"motion-based":this.refs.$motionBased.checked()})}},{key:yo("changeValue"),value:function(t,e,n){this.emit("setAttribute",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),null,!0)}}])&&yQ(n.prototype,r),o&&yQ(n,o),e}(kK);function gQ(t){return(gQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function mQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function OQ(t,e){return!e||"object"!==gQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function kQ(t){return(kQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function jQ(t,e){return(jQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var SQ=function(t){function e(){return mQ(this,e),OQ(this,kQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&jQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:er("$textClip"),value:function(){var t=(this.$selection.current||{})["text-clip"]||"";return"\n      <SelectEditor ref='$1' key='text-clip' icon=\"true\" value=\"".concat(t,'" options=",text" onchange="changeSelect" />\n    ')}},{key:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",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:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["text"])}}])&&wQ(n.prototype,r),o&&wQ(n,o),e}(kK);function PQ(t){return(PQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function $Q(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function EQ(t,e){return!e||"object"!==PQ(e)&&"function"!=typeof e?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 CQ(t,e){return(CQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var TQ=function(t){function e(){return xQ(this,e),EQ(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&&CQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"svgfilter-assets-property"}},{key:yo("refreshSelection")+Un(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:er("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return PO.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(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.remove,"</button>\n          </div>\n        </div>\n      "))}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(tv.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:bn("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:jt(),filters:[]})}))}},{key:bn("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:bn("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:En("$svgfilterList input"),value:function(t){var e=this,n=+t.$dt.closest("svgfilter-item").attr("data-index"),r=t.$dt.attrKeyValue("data-key");this.executeSVGFilter((function(t){t.setSVGFilterValue(n,r),e.emit("refreshSVGArea")}),!1)}},{key:bn("$svgfilterList .preview"),value:function(t){var e=t.$dt.closest("svgfilter-item"),n=+e.attr("data-index");this.state.$item=e,this.state.$el=t.$dt.$(".svgfilter-view");var r=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[n];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterAssets",id:this.id,index:n,filters:r.filters})}},{key:yo("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:yo("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:yo("refreshSVGFilterAssets"),value:function(){this.refresh()}}])&&$Q(n.prototype,r),o&&$Q(n,o),e}(kK);function RQ(t){return(RQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function DQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function VQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function AQ(t,e){return!e||"object"!==RQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function IQ(t){return(IQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function LQ(t,e){return(LQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var MQ=function(t){function e(){return DQ(this,e),AQ(this,IQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&LQ(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{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        <SameWidth />\n        <SameHeight />\n      </div>\n    '}}])&&VQ(n.prototype,r),o&&VQ(n,o),e}(kK);function BQ(t){return(BQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function zQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function FQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function GQ(t,e){return!e||"object"!==BQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function HQ(t){return(HQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function YQ(t,e){return(YQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var XQ=function(t){function e(){return zQ(this,e),GQ(this,HQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&YQ(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{OffsetPathListEditor:wI}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:yo("refreshSelection","refreshRect")+Un(100),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){var t=this.$selection.current;t&&this.children.$offsetPathList.setValue(t["offset-path"])}},{key:"getBody",value:function(){var t=this.$selection.current||{"offset-path":""};return("\n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='offset-path'></span>\n        </div>\n        <OffsetPathListEditor ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    '))}},{key:yo("changRangeEditor"),value:function(t,e){this.emit("setAttribute",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))}}])&&FQ(n.prototype,r),o&&FQ(n,o),e}(kK);function NQ(t){URL.revokeObjectURL(t)}function KQ(t){return(KQ="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function WQ(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 UQ(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ZQ(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function qQ(t,e){return!e||"object"!==KQ(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function JQ(t){return(JQ=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function QQ(t,e){return(QQ=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var t0=function(t){function e(){return UQ(this,e),qQ(this,JQ(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&QQ(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("image.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"image-assets-property"}},{key:yo("refreshSelection")+Un(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:er("$imageList")+Wn,value:function(){var t=(this.$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='tools'>\n            <button type=\"button\" class='copy'>").concat(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.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(tv.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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:kn("$imageList .preview img"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.images[e];t.dataTransfer.setData("image/info",r.local)}}},{key:$n("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage((function(n){WQ(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t)}))}))}},{key:bn("$imageList .remove"),value:function(t){var e=t.$dt.closest("image-item"),n=+e.attr("data-index");this.executeImage((function(t){t.removeImage(n),NQ(e.$(".preview img").attr("src"))}))}},{key:bn("$imageList .copy"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index");this.executeImage((function(t){t.copyImage(e)}))}},{key:yo("addImageAsset"),value:function(){this.refresh()}}])&&ZQ(n.prototype,r),o&&ZQ(n,o),e}(kK);function e0(t){return(e0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function n0(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 r0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i0(t,e){return!e||"object"!==e0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function a0(t){return(a0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function c0(t,e){return(c0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var s0=function(t){function e(){return r0(this,e),i0(this,a0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("video.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"video-assets-property"}},{key:yo("refreshSelection")+Un(1e3),value:function(){this.show(),this.refresh()}},{key:"getBody",value:function(){return"\n      <div class='property-item video-assets'>\n        <div class='video-list' ref='$videoList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:er("$videoList")+Wn,value:function(){var t=(this.$selection.currentProject||{videos:[]}).videos.map((function(t,e){return"\n        <div class='video-item' data-index=\"".concat(e,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(t.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(tv.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(tv.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(t.join(""),"\n        <div class='add-video-item'>\n          <input type='file' accept='video/*' ref='$file' />\n          <button type=\"button\">").concat(tv.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeVideo",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=this.$selection.currentProject;r?(t&&t(r),e&&this.refresh(),n&&this.emit("refreshVideoAssets")):alert("Please select a project.")}},{key:kn("$videoList .preview img"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.videos[e];t.dataTransfer.setData("video/info",r.local)}}},{key:$n("$videoList .add-video-item input[type=file]"),value:function(t){var e=this;this.executeVideo((function(n){n0(t.target.files).forEach((function(t){e.emit("updateVideoAssetItem",t)}))}))}},{key:bn("$videoList .remove"),value:function(t){var e=t.$dt.closest("video-item"),n=+e.attr("data-index");this.executeVideo((function(t){t.removeVideo(n),NQ(e.$(".preview img").attr("src"))}))}},{key:bn("$videoList .copy"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index");this.executeVideo((function(t){t.copyVideo(e)}))}},{key:yo("addVideoAsset"),value:function(){this.refresh()}}])&&o0(n.prototype,r),o&&o0(n,o),e}(kK);function l0(t){return(l0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f0(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function p0(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f0(Object(n),!0).forEach((function(e){h0(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f0(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function h0(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function d0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g0(t,e){return!e||"object"!==l0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function m0(t,e,n){return(m0="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=w0(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 w0(t){return(w0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O0(t,e){return(O0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k0=function(t){function e(){return d0(this,e),g0(this,w0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return p0({},m0(w0(e.prototype),"components",this).call(this),{},this.state.components)}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return n&&n.is("component")}))}},{key:"refresh",value:function(){var t=this,e=this.$selection.current;e&&e.is("component")&&(this.setTitle(e.getDefaultTitle()||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=this.$selection.current,n={};t&&t.is("component")&&t.getProps().forEach((function(t){B(t.editor)||(n=p0({},n,{},t.editor))})),this.setState({components:n},!1),m0(w0(e.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return B(n)?"<".concat(n," ").concat(Q(p0({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(Q(p0({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")})).join("")}},{key:er("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":e.getProps().map((function(n){return B(n)?"\n          <div class='property-item'> \n            <label>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item animation-property-item'> \n            <div class='group'>\n              <span class='add-timeline-property' data-property='".concat(n.key,"' data-type=\"").concat(e.itemType,'" data-editor="').concat(n.editor,'"></span>\n            </div>\n            ').concat(t.getPropertyEditor(n.key,e[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:yo("changeComponentProperty"),value:function(t,e){this.emit("setAttribute",h0({},t,e),null,!0)}}])&&b0(n.prototype,r),o&&b0(n,o),e}(kK);function j0(t){return(j0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $0(t,e){return!e||"object"!==j0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E0(t){return(E0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _0(t,e){return(_0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var C0=function(t){function e(){return S0(this,e),$0(this,E0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("timeline.animation.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"getTools",value:function(){return"\n      <button type='button' ref='$add' title=\"Add an animation\">".concat(tv.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:er("$timelineAnimationList")+Wn,value:function(){var t=this.$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 icon'>\n            ").concat(tv.local_movie,"\n          </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(tv.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))})):""}},{key:gn("$timelineAnimationList .timeline-animation-item"),value:function(t){this.startInputEditing(t.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(t){var e=this;this.endInputEditing(t,(function(n,r){var o=t.attr("data-id"),i=e.$selection.currentArtboard;i&&i.setTimelineTitle(o,r)}))}},{key:wn("$timelineAnimationList .timeline-animation-item label")+Xn+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Cn("$timelineAnimationList .timeline-animation-item label")+Qn+tr,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:bn("$add"),value:function(t){this.emit("addTimelineItem")}},{key:bn("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$dt.attr("data-id");this.emit("removeAnimationItem",e)}},{key:bn("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$dt.attr("data-id"),n=this.$selection.currentArtboard;n&&(n.selectTimeline(e),t.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:yo("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:yo("refreshTimeline","refreshSelection","refreshArtboard")+Un(100),value:function(){this.refresh()}}])&&P0(n.prototype,r),o&&P0(n,o),e}(kK);function T0(t){return(T0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function V0(t,e){return!e||"object"!==T0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function A0(t){return(A0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function I0(t,e){return(I0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var L0=function(t){function e(){return R0(this,e),V0(this,A0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I0(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{BorderEditor:zI}}},{key:"getTitle",value:function(){return this.$i18n("border.property.title")}},{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:er("$body"),value:function(){var t=(this.$selection.current||{}).border||"";return"\n      <BorderEditor ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:yo("changeKeyValue"),value:function(t,e){this.emit("setAttribute",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))}}])&&D0(n.prototype,r),o&&D0(n,o),e}(kK);function M0(t){return(M0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function B0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function z0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function F0(t,e){return!e||"object"!==M0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function G0(t){return(G0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function H0(t,e){return(H0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Y0=function(t){function e(){return B0(this,e),F0(this,G0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&H0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("project.information.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var t=this.$selection.currentProject||{name:"",description:""};this.refs.$name.val(t.name),this.refs.$description.val(t.description)}},{key:"getBody",value:function(){var t=this.$selection.currentProject||{name:"",description:""};return('\n      <div class="project-info" ref="$info">\n        <div class=\'project-info-item\'>\n          <label>'.concat(this.$i18n("project.information.property.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>").concat(this.$i18n("project.information.property.description"),"</label>\n          <div class='input'>\n            <textarea  value='").concat(t.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    "))}},{key:yo("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}}])&&z0(n.prototype,r),o&&z0(n,o),e}(kK);function X0(t){return(X0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function N0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function K0(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function W0(t,e){return!e||"object"!==X0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function U0(t){return(U0=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Z0(t,e){return(Z0=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var q0=function(t){function e(){return N0(this,e),W0(this,U0(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Z0(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("path.data.property.title")}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(t){return t.is("svg-path","svg-brush","svg-textpath")}},{key:"components",value:function(){return{PathDataEditor:iI}}},{key:yo("refreshPathLayer","refreshStyleView","refreshRect")+Un(100),value:function(){this.refresh()}},{key:yo("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-brush","svg-textpath"])}},{key:"refresh",value:function(){var t=this.$selection.current||{};this.children.$pathData.setValue(t.d)}},{key:"getBody",value:function(){var t=this.$selection.current||{};return("\n      <div>\n        <PathDataEditor ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    "))}},{key:yo("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))}}])&&K0(n.prototype,r),o&&K0(n,o),e}(kK);function J0(t){return(J0="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q0(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function t1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e1(t,e){return!e||"object"!==J0(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n1(t){return(n1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r1(t,e){return(r1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var o1=function(t){function e(){return Q0(this,e),e1(this,n1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$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=this.$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        <div class='group'>\n          <span class='add-timeline-property' data-property='text'></span>\n        </div>\n        <TextAreaEditor \n          ref='$text' \n          label='".concat(this.$i18n("svg.text.property.textarea"),"' \n          key=\"text\"\n          onchange=\"changeTextValue\" />\n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='font-size'></span>\n        </div>\n        <RangeEditor \n          ref='$font-size' \n          label='").concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='font-weight'></span>\n        </div>\n        <NumberRangeEditor \n          ref='$font-weight' \n          label='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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='").concat(this.$i18n("svg.text.property.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=\'').concat(this.$i18n("svg.text.property.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        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <SelectEditor \n          ref='$lengthAdjust' \n          label='").concat(this.$i18n("svg.text.property.length.adjust"),"' \n          key='lengthAdjust' \n          value='spacing' \n          options=\"spacing,spacingAndGlyphs\" \n          onchange='changeTextValue' />        \n      </div>        \n      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='textLength'></span>\n        </div>\n        <RangeEditor \n          ref='$textLength' \n          label='").concat(this.$i18n("svg.text.property.text.length"),"' \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        <div class='group'>\n          <span class='add-timeline-property' data-property='startOffset'></span>\n        </div>\n        <RangeEditor \n          ref='$startOffset' \n          label='").concat(this.$i18n("svg.text.property.start.offset"),"' \n          key='startOffset' \n          min=\"0\"\n          max='1000'\n          step=\"0.1\"          \n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:yo("changeTextValue"),value:function(t,e){this.emit("setAttribute",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),null,!0)}}])&&t1(n.prototype,r),o&&t1(n,o),e}(kK);function i1(t){return(i1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s1(t,e){return!e||"object"!==i1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l1(t){return(l1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f1(t,e){return(f1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var p1=function(t){function e(){return a1(this,e),s1(this,l1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:yo("refreshSelection","refreshContent")+Un(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(tv.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div>\n        <div class='export-item png'>\n          <label>PNG</label>\n          <button ref='$png'>").concat(tv.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:bn("$svg"),value:function(){this.emit("downloadSVG")}},{key:bn("$png"),value:function(){this.emit("downloadPNG")}}])&&c1(n.prototype,r),o&&c1(n,o),e}(kK);function h1(t){return(h1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function b1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m1(t,e){return!e||"object"!==h1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w1(t){return(w1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O1(t,e){return(O1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k1=function(t){function e(){return b1(this,e),m1(this,w1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["default","flex","grid"].map((function(e){return"".concat(e,":").concat(t.$i18n("layout.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:er("$layoutType"),value:function(){var t=this.$selection.current||{layout:"default"};return("\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t.layout,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        colors=\",green,red\"\n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList'>\n        <div data-value='default' class='").concat("default"===t.layout?"selected":"","'></div>\n        <div data-value='flex' class='").concat("flex"===t.layout?"selected":"","'>\n          <FlexLayoutEditor ref='$flex' key='flex-layout' value=\"").concat(t["flex-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n        <div data-value='grid' class='").concat("grid"===t.layout?"selected":"","'>\n          <GridLayoutEditor ref='$grid' key='grid-layout' value=\"").concat(t["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    "))}},{key:yo("changeLayoutInfo"),value:function(t,e){this.emit("setAttribute",d1({},t,e),null,!1,!0),this.emit("refreshAllElementBoundSize")}},{key:yo("changeLayoutType"),value:function(t,e){this.$selection.reset(d1({},t,e)),this.emit("setAttribute",d1({},t,e),null,!1,!0),this.refresh(),this.emit("refreshAllElementBoundSize"),this.emit("changeItemLayout")}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}])&&g1(n.prototype,r),o&&g1(n,o),e}(kK);function j1(t){return(j1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $1(t,e){return!e||"object"!==j1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E1(t){return(E1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function _1(t,e){return(_1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var C1=function(t){function e(){return S1(this,e),$1(this,E1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return["none","auto","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("flex.layout.item.property.".concat(e)))})).join(",")}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:er("$body"),value:function(){var t=this.$selection.current||{"flex-layout-item":"none"},e=t["flex-layout-item"]||"none",n=[];return!1===["none","auto"].includes(e)&&(n=e.split(" ")),n.length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(t.layout,"'>\n        <div data-value='none'></div>\n        <div data-value='auto'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <RangeEditor ref='$grow' label='").concat(this.$i18n("flex.layout.item.property.grow"),'\' key="flex-grow" value="').concat(n[0],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$shrink' label='").concat(this.$i18n("flex.layout.item.property.shrink"),'\' key="flex-shrink" value="').concat(n[1],"\" min='0' max='1' step='0.01' units=\",auto\" onchange='changeFlexItem' />\n          </div>\n          <div class='value-item'>\n            <RangeEditor ref='$basis' label='").concat(this.$i18n("flex.layout.item.property.basis"),'\' key="flex-basis" value="').concat(n[2],"\" min='0' units=\"px,em,%,auto\" onchange='changeFlexItem' />\n          </div>                    \n        </div>\n      </div>\n    ")}},{key:"getFlexItemValue",value:function(t){return"auto"===t.unit?"auto":t+""}},{key:"getFlexValue",value:function(){var t=this.children.$grow.getValue(),e=this.children.$shrink.getValue(),n=this.children.$basis.getValue();return t=this.getFlexItemValue(t),e=this.getFlexItemValue(e),n=this.getFlexItemValue(n),q({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:yo("changeFlexItem"),value:function(t,e){this.emit("setAttribute",{"flex-layout-item":this.getFlexValue()}),this.emit("refreshAllElementBoundSize")}},{key:yo("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getFlexValue()),this.emit("setAttribute",{"flex-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}])&&P1(n.prototype,r),o&&P1(n,o),e}(kK);function T1(t){return(T1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function V1(t,e){return!e||"object"!==T1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function A1(t){return(A1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function I1(t,e){return(I1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var L1=function(t){function e(){return R1(this,e),V1(this,A1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return["none","value"].map((function(e){return"".concat(e,":").concat(t.$i18n("grid.layout.item.property.".concat(e)))})).join(",")}},{key:"getClassName",value:function(){return"grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:er("$body"),value:function(){var t=this.$selection.current||{"grid-layout-item":"none"},e=t["grid-layout-item"]||"none",n={};return!1===["none"].includes(e)&&(n=J(t["grid-layout-item"])),Object.keys(n).length>0&&(e="value"),"\n      <div class='layout-select'>\n        <SelectIconEditor \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(e,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(e,"'>\n        <div data-value='none'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <label></label>\n            <div>").concat(this.$i18n("grid.layout.item.property.start"),"</div>\n            <div>").concat(this.$i18n("grid.layout.item.property.end"),"</div>\n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.column"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$columnEnd' key=\"grid-column-end\" value=\"").concat(n["grid-column-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>\n          <div class='value-item'>\n            <label>").concat(this.$i18n("grid.layout.item.property.row"),'</label>\n            <div>\n              <NumberInputEditor ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <NumberInputEditor ref='$rowEnd' key=\"grid-row-end\" value=\"").concat(n["grid-row-end"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>            \n          </div>          \n        </div>\n      </div>\n    ")}},{key:"getGridValue",value:function(){return q({"grid-column-start":this.children.$columnStart.getValue(),"grid-column-end":this.children.$columnEnd.getValue(),"grid-row-start":this.children.$rowStart.getValue(),"grid-row-end":this.children.$rowEnd.getValue()})}},{key:yo("changeGridItem"),value:function(t,e){this.emit("setAttribute",{"grid-layout-item":this.getGridValue()}),this.emit("refreshAllElementBoundSize")}},{key:yo("changeLayoutType"),value:function(t,e){var n=this.children.$layout.getValue();e=n,"value"===n&&(e=this.getGridValue()),this.emit("setAttribute",{"grid-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",n),this.emit("refreshAllElementBoundSize")}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}])&&D1(n.prototype,r),o&&D1(n,o),e}(kK);function M1(t){return(M1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function B1(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 z1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G1(t,e){return!e||"object"!==M1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H1(t){return(H1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y1(t,e){return(Y1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X1=function(t){function e(){return z1(this,e),G1(this,H1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y1(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(tv.add,"</button>\n    ")}},{key:bn("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:er("$patternSelect"),value:function(){var t=this;return B1(Q$.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}))).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:er("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<PatternEditor ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:yo("changePatternEditor"),value:function(t,e){this.emit("setAttribute",{pattern:e})}},{key:yo("refreshSelection")+Un(100),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:yo("refreshSVGArea")+Un(1e3),value:function(){this.load("$patternSelect")}}])&&F1(n.prototype,r),o&&F1(n,o),e}(kK);function N1(t){return(N1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K1(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function W1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function U1(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function Z1(t,e){return!e||"object"!==N1(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function q1(t){return(q1=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function J1(t,e){return(J1=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Q1;function t2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var e2=(t2(Q1={VideoProperty:function(t){function e(){return W1(this,e),Z1(this,q1(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&J1(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"item video-property"}},{key:"getTitle",value:function(){return this.$i18n("video.property.title")}},{key:"initState",value:function(){return{$video:{el:{}},status:"play",volume:1}}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:er("$body"),value:function(){var t=this.$selection.current||{playTime:"0:1:1"},e=t.currentTime||0,n=(t.playTime||"0:1:1").split(":").pop();return"\n        <div ref='$tools' class='play-control' data-selected-value=\"".concat(this.state.status,'">\n          <button type="button" data-value="play" >').concat(tv.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(tv.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <NumberRangeEditor ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(e,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\n          </div>\n        </div>    \n        <div class='divider'></div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='volume'></span>\n            ").concat(this.$i18n("video.property.volume"),"\n          </div>\n          <div ref='$volume_control' class='volume-control' data-selected-value='").concat(this.volumeStatus,"'>\n            <span data-value='muted'>").concat(tv.volume_off,"</span>\n            <span data-value='down'>").concat(tv.volume_down,"</span>\n            <span data-value='up'>").concat(tv.volume_up,'</span>\n            <input type="range" ref=\'$volume\' min="0" max="1" step="0.001" value="').concat(this.state.volume,"\" />\n          </div>          \n        </div>\n        <div class='property-item animation-property-item has-label'>        \n          <div class='group'>\n            <span class='add-timeline-property' data-property='playbackRate'></span>\n            ").concat(this.$i18n("video.property.playbackRate"),'\n          </div>\n          <div>\n            <NumberRangeEditor ref=\'$playbackRate\' min="0.1" max="10" clamp="true" value="').concat(this.state.playbackRate,"\" step=\"0.001\" onchange=\"changePlaybackRate\" />\n          </div>\n        </div>        \n        <div class='property-item animation-property-item full'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='playTime'></span>\n            ").concat(this.$i18n("video.property.playTime"),"\n          </div>\n          <MediaProgressEditor ref='$progress'  key='playTime' value=\"").concat(t.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:yo("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.emit("setAttribute",{currentTime:e},null,!0)}},{key:yo("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.emit("setAttribute",{playbackRate:e},null,!0)}},{key:Mn("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.emit("setAttribute",{volume:e},null,!0)}},{key:ir("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:ir("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:bn("$tools button"),value:function(t){switch(t.$dt.attr("data-value")){case"play":this.setState({status:"pause"},!1),this.play();break;case"pause":this.setState({status:"play"},!1),this.pause()}this.bindData("$tools")}},{key:yo("changeValue")+Un(100),value:function(t,e){this.state.$video&&this.emit("setAttribute",K1({},t,e),null,!0)}},{key:yo("changeSelect"),value:function(t,e){this.emit("setAttribute",K1({},t,e))}},{key:yo("updateVideoEvent"),value:function(t){this.video.paused&&(this.setState({status:"play",currentTime:this.video.currentTime},!1),this.bindData("$tools")),this.children.$currentTime.setValue(this.video.currentTime)}},{key:yo("refreshSelection")+Un(100),value:function(){var t=this,e=this.$selection.current;this.refreshShow(["video"]),e&&e.is("video")&&this.emit("refElement",e.id,(function(n){var r=n.$("video");t.state.$video=r,t.setState({volume:e.volume,currentTime:e.currentTime,playbackRate:e.playbackRate},!1),t.video.ontimeupdate=function(e){t.trigger("updateVideoEvent",e)},t.video.onprogress=function(e){t.trigger("updateVideoEvent",e)},t.load("$body")}))}},{key:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}}])&&U1(n.prototype,r),o&&U1(n,o),e}(kK),PatternProperty:X1,GridLayoutItemProperty:L1,FlexLayoutItemProperty:C1,LayoutProperty:k1,ExportProperty:p1,SVGTextProperty:o1,PathDataProperty:q0,ProjectInformationProperty:Y0,BorderNewProperty:L0,TimelineAnimationProperty:C0,ComponentProperty:k0,ImageAssetsProperty:t0,VideoAssetsProperty:s0,MotionProperty:XQ,AlignmentProperty:MQ,SVGFilterAssetsProperty:TQ,TextClipProperty:SQ,SVGItemProperty:bQ,GradientAssetsProperty:lQ,TextFillProperty:QJ,ColorAssetsProperty:NJ,ImageProperty:Jq,ArtBoardSizeProperty:zq,LayerTreeProperty:Rq,ProjectProperty:dq,ArtBoardProperty:kq,PositionProperty:uq,SelectorProperty:eq,BackgroundClipProperty:KZ,TransformOriginProperty:zZ,PerspectiveProperty:DZ,PerspectiveOriginProperty:xZ,TransitionProperty:mZ,ClipPathProperty:lZ,TransformProperty:nZ,BackdropFilterProperty:WU,CodeViewProperty:zU,FilterProperty:RU,BorderRadiusProperty:LK,BackgroundImageProperty:SU,KeyframeProperty:vU,AnimationProperty:sU,BorderImageProperty:tU,FontSpacingProperty:FW,TextProperty:VW,TextShadowProperty:$W,FontProperty:wW,ContentProperty:yW,BoxModelProperty:aW,BoxShadowProperty:qK,SizeProperty:YK},"BorderRadiusProperty",LK),t2(Q1,"BackgroundColorProperty",CK),Q1);function n2(t){return(n2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i2(t,e){return!e||"object"!==n2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function a2(t){return(a2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function c2(t,e){return(c2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var s2=function(t){function e(){return r2(this,e),i2(this,a2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c2(t,e)}(e,t),n=e,(r=[{key:"initState",value:function(){return{selectedIndex:1}}},{key:"template",value:function(){return'\n      <div class="feature-control inspector">\n        <div>\n          <div class="tab number-tab" ref="$tab">\n            <div class="tab-header" ref="$header">\n              <div class="tab-item selected" data-value="1" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(tv.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(tv.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspectortab.title.code"),"'>\n                <label class='icon'>").concat(tv.code,'</label>\n              </div>                                     \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <AlignmentProperty />\n\n                \x3c!-- Default Property --\x3e \n                <PositionProperty />\n                <SizeProperty /> \n\n                \x3c!-- SVG Item --\x3e \n                <SVGTextProperty />        \n                <SVGItemProperty />              \n\n                \x3c!-- Image --\x3e \n                <ImageProperty />\n\n                \x3c!-- Video --\x3e \n                <VideoProperty />\n\n                \x3c!-- Component --\x3e\n                <ComponentProperty />                \n                \n                \x3c!-- Appearance --\x3e \n                <BackgroundColorProperty />\n                <BackgroundImageProperty />                \n                <PatternProperty />\n                <BorderNewProperty />\n                <BorderRadiusProperty />\n\n                <BoxModelProperty />                \n                <LayoutProperty />\n                <FlexLayoutItemProperty />\n                <GridLayoutItemProperty />      \n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <FontProperty />\n                <TextProperty />\n                <TextShadowProperty />\n                <TextFillProperty />\n                <FontSpacingProperty />\n                <TextClipProperty />  \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                \x3c!-- ArtBoard --\x3e \n                <ArtBoardSizeProperty />    \n                \n                \x3c!-- SVG --\x3e\n                <PathDataProperty />                \n\n                \x3c!-- tool --\x3e                \n                <ExportProperty />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <MotionProperty />\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="5">\n                <CodeViewProperty />\n                <div class=\'empty\'></div>                           \n              </div>                       \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:"components",value:function(){return e2}},{key:bn("$header .tab-item:not(.empty-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&o2(n.prototype,r),o&&o2(n,o),e}(ho);function l2(t){return(l2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h2(t,e){return!e||"object"!==l2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function d2(t){return(d2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function b2(t,e){return(b2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var g2=function(t){function e(){return f2(this,e),h2(this,d2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b2(t,e)}(e,t),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(tv.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:bn("$close"),value:function(){this.$el.hide()}},{key:An("$title")+qn("movePopupTitle")+Jn("endPopupTitle"),value:function(){this.x=rn.parse(this.$el.css("left")),this.y=rn.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=rn.px(this.x.value+t),r=rn.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=28,n=320,r=this.$el.css("top"),o=this.$el.css("left"),i="auto"!==r?rn.parse(r):rn.px(110),a="auto"!==o?rn.parse(o):rn.px(document.body.clientWidth-n-e-t);this.$el.css({top:i,left:a,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:yo("hidePropertyPopup"),value:function(){this.hide()}}])&&p2(n.prototype,r),o&&p2(n,o),e}(ho);function m2(t){return(m2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function w2(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function O2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function S2(t,e){return!e||"object"!==m2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function P2(t){return(P2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $2(t,e){return($2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var E2=function(t){function e(){return k2(this,e),S2(this,P2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:dB,RangeEditor:fD}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.px(0),spreadRadius:rn.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:er("$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:bn("$popup .select button"),value:function(t){var e=t.$dt.attr("data-value");this.getRef("$type").attr("data-selected-value",e),this.updateData({inset:"inset"===e})}},{key:An("$popup .drag-board")+qn("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:rn.px(a),offsetY:rn.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:yo("changeRangeEditor"),value:function(t,e){this.updateData(O2({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:yo("changeColor"),value:function(t){this.trigger("changeRangeEditor","color",t)}},{key:yo("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]:{};e%2?w2(Object(n),!0).forEach((function(e){O2(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w2(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t,{params:e})),this.refresh(),this.show(432)}},{key:yo("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}])&&j2(n.prototype,r),o&&j2(n,o),e}(g2);function _2(t){return(_2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function C2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function T2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R2(t,e){return!e||"object"!==_2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function D2(t){return(D2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function V2(t,e){return(V2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var A2=function(t){function e(){return C2(this,e),R2(this,D2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&V2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"components",value:function(){return{EmbedColorPicker:dB,RangeEditor:fD}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:rn.px(0),offsetY:rn.px(0),blurRadius:rn.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:er("$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          <RangeEditor ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div>\n          <RangeEditor ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n      </div>\n    ")}},{key:yo("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:yo("changeColor"),value:function(t){this.trigger("changeShadow","color",t)}},{key:An("$popup .drag-board")+qn("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:rn.px(a),offsetY:rn.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:yo("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:yo("hideTextShadowPropertyPopup"),value:function(){this.hide()}}])&&T2(n.prototype,r),o&&T2(n,o),e}(g2);function I2(t){return(I2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L2(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function M2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z2(t,e){return!e||"object"!==I2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F2(t){return(F2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function G2(t,e){return(G2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var H2=function(t){function e(){return M2(this,e),z2(this,F2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:rD,CubicBezierEditor:GD,RangeEditor:fD,IterationCountEditor:RV}}},{key:"initState",value:function(){return{name:"none",direction:"normal",duration:rn.second(0),timingFunction:"ease",delay:rn.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:er("$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>".concat(this.$i18n("animation.property.popup.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>".concat(this.$i18n("animation.property.popup.keyframe"),"</label>\n        <div class='input grid-1'>\n          <select ref='$name'></select>\n        </div>\n      </div>\n    ")}},{key:er("$name"),value:function(){var t=this,e=this.$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":"",r=t.$i18n(e.key);return"<option value='".concat(e.value,"' ").concat(n,">").concat(r,"</option>")}))}},{key:$n("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){var t=this,e="normal,reverse,alternate,alternate-reverse".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n      <div class='direction'>\n        <SelectEditor \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.direction,"\"\n            options='").concat(e,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:yo("changeSelect"),value:function(t,e){this.updateData(L2({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.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(){var t=this,e="none,forwards,backwards,both".split(",").map((function(e){return"".concat(e,":").concat(t.$i18n(e))})).join(",");return"\n    <div class='fill-mode'>\n      <SelectEditor \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.fillMode,"\"\n          options='").concat(e,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <RangeEditor \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <RangeEditor ref='$duration' label='".concat(this.$i18n("animation.property.popup.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='".concat(this.$i18n("animation.property.popup.iteration"),"' calc='false' key='iterationCount' value='").concat(this.state.iterationCount,"' units='normal,infinite' onChange=\"changeRangeEditor\" />\n      </div>\n    ")}},{key:yo("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?rn.number(e.value):rn.string(e.unit)),this.updateData(L2({},t,e))}},{key:yo("changeCubicBezier"),value:function(t,e){this.updateData(L2({},t,e))}},{key:yo("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:yo("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}])&&B2(n.prototype,r),o&&B2(n,o),e}(g2);function Y2(t){return(Y2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N2(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K2(t,e){return!e||"object"!==Y2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W2(t){return(W2=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U2(t,e){return(U2=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z2=function(t){function e(){return X2(this,e),K2(this,W2(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U2(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:sL}}},{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:En("$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:yo("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:yo("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:yo("hideKeyframePopup"),value:function(){this.$el.hide()}}])&&N2(n.prototype,r),o&&N2(n,o),e}(g2);function q2(t){return(q2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J2(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 Q2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function t4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e4(t,e){return!e||"object"!==q2(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n4(t){return(n4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r4(t,e){return(r4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var o4=function(t){function e(){return Q2(this,e),e4(this,n4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r4(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{DirectionEditor:uB,RangeEditor:fD}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=J2(e,2),r=n[0],o=n[1],i=Sd.parse(r),a=J2(i,5),c=a[0],u=a[1],s=a[2],l=a[3],f=a[4];if(o)var p=Sd.parse(o),y=J2(p,5),h=y[0],d=y[1],v=y[2],b=y[3],g=y[4];return{isAll:1===c,top:u,right:s,bottom:l,left:f,round:o,isAllRadius:1===h,topRadius:d,rightRadius:v,bottomRadius:b,leftRadius:g}}},{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=rn.percent(Math.abs((o.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),u=a.clone(),s=rn.percent(100-r.value).toPx(220),l=rn.percent(100-n.value).toPx(220),f=rn.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=o.toPx(220),y=rn.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=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(y,";'></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(rn.px(l.value-o.value),";height: ").concat(rn.px(s.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(h," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:ir("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:bn("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:er("$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:yo("changeBorderRadius"),value:function(t){var e=J2(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=rn.percent(i).toPx(220),u=e.toPx(220),s=rn.percent(i).toPx(220),l=rn.percent(100-r.value).toPx(220),f=rn.percent(100-n.value).toPx(220),p=rn.percent(a).toPx(220),y=o.toPx(220),h=rn.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:y,top:h}),this.refs.$clipArea.css({left:y,top:u,width:rn.px(f.value-y.value),height:rn.px(l.value-u.value)}),this.bindData("$clipAreaView")}},{key:An("$area .clip-area-handle")+qn("moveClipArea"),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=t.xy,this.clipRect={left:rn.parse(this.$target.css("left")),top:rn.parse(this.$target.css("top")),width:rn.parse(this.$target.css("width")),height:rn.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=rn.px(o),c=rn.px(i);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:rn.px(this.areaRect.height-(i+r)).toPercent(this.areaRect.height).round(100),right:rn.px(this.areaRect.width-(o+n)).toPercent(this.areaRect.width).round(100),left:a.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:An("$area .drag-pointer")+qn(),value:function(t){this.type=t.$dt.attr("data-type"),this.$target=t.$dt,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=rn.px(n-this.areaRect.x),i=rn.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:i.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:rn.px(this.areaRect.height-i.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:rn.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)}}])&&t4(n.prototype,r),o&&t4(n,o),e}(ho);function i4(t){return(i4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a4(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function c4(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function u4(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 s4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f4(t,e){return!e||"object"!==i4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p4(t){return(p4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y4(t,e){return(y4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var h4=function(t){function e(){return s4(this,e),f4(this,p4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y4(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=220,n=220;return t.split(",").filter((function(t){return t.trim()})).map((function(t){var r=u4(t.trim().split(" "),2),o=r[0],i=r[1];return{x:rn.parse(o).toPx(e),y:rn.parse(i).toPx(n)}}))}},{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:er("$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(tv.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(tv.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:bn("$area")+Qn,value:function(t){if(un.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:rn.px(n-this.areaRect.left),y:rn.px(r-this.areaRect.top)}),this.refresh()}}},{key:bn("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:bn("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:ir("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:er("$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:bn("$area .drag-pointer")+Kn+Qn,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:An("$area .drag-pointer")+qn(),value:function(t){this.selectedIndex=+t.$dt.attr("data-index"),this.$target=t.$dt,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=rn.px(n-this.areaRect.x),i=rn.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:rn.px(n.value+10),y:rn.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]:{};e%2?a4(Object(n),!0).forEach((function(e){c4(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a4(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.state.value[t],{},e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}])&&l4(n.prototype,r),o&&l4(n,o),e}(ho);function d4(t){return(d4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v4(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 b4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m4(t,e){return!e||"object"!==d4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w4(t){return(w4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O4(t,e){return(O4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k4=function(t){function e(){return b4(this,e),m4(this,w4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O4(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{RangeEditor:fD}}},{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=t.split("at").map((function(t){return t.trim()})),o=v4(r,2);e=o[0],n=o[1]}else n=t.trim();var i=n.split(" "),a=v4(i,2),c=a[0],u=a[1];A(u)&&(u=c),c=rn.parse(c),u=rn.parse(u);var s=e.split(" "),l=v4(s,2),f=l[0],p=l[1];return A(p)&&(p=f),{radiusX:f=rn.parse(f),radiusY:p=rn.parse(p),x:c,y:u}}},{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:ir("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:An("$area")+qn()+Jn(),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=rn.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),i=rn.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:yo("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()))}}])&&g4(n.prototype,r),o&&g4(n,o),e}(ho);function j4(t){return(j4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function x4(t,e){return!e||"object"!==j4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $4(t){return($4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E4(t,e){return(E4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _4=function(t){function e(){return S4(this,e),x4(this,$4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&E4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:k4,PolygonEditor:h4,InsetEditor:o4,SelectEditor:rD,CircleEditor:bL}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return Ld.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:er("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:er("$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=(this.$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:yo("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:yo("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(Ld.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:yo("hideClipPathPopup"),value:function(){this.hide()}}])&&P4(n.prototype,r),o&&P4(n,o),e}(g2);function C4(t){return(C4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function T4(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function R4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function D4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function V4(t,e){return!e||"object"!==C4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function A4(t){return(A4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function I4(t,e){return(I4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var L4=["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"],M4=function(t){function e(){return R4(this,e),V4(this,A4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:rD,CubicBezierEditor:GD,RangeEditor:fD}}},{key:"initState",value:function(){return{property:"all",duration:rn.second(0),timingFunction:"ease",delay:rn.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:er("$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:yo("changeTransition"),value:function(t,e){this.updateData(T4({},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(L4.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:yo("changeRangeEditor"),value:function(t,e){this.updateData(T4({},t,e))}},{key:yo("changeCubicBezier"),value:function(t,e){this.updateData(T4({},t,e))}},{key:yo("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250),this.emit("showCubicBezierEditor",t)}},{key:yo("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}])&&D4(n.prototype,r),o&&D4(n,o),e}(g2);function B4(t){return(B4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G4(t,e){return!e||"object"!==B4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H4(t){return(H4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y4(t,e){return(Y4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X4=function(t){function e(){return z4(this,e),G4(this,H4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:BM,SVGClipPathEditor:QM}}},{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:er("$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:yo("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:yo("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:En("$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:yo("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:yo("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}])&&F4(n.prototype,r),o&&F4(n,o),e}(g2);function N4(t){return(N4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function W4(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U4(t,e){return!e||"object"!==N4(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Z4(t,e,n){return(Z4="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=q4(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 q4(t){return(q4=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function J4(t,e){return(J4=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Q4=function(t){function e(){return K4(this,e),U4(this,q4(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&J4(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:eL}}},{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>".concat(this.$i18n("selector.popup.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:En("$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(){Z4(q4(e.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:yo("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:yo("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}])&&W4(n.prototype,r),o&&W4(n,o),e}(g2);function t5(t){return(t5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function e5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r5(t,e){return!e||"object"!==t5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function o5(t){return(o5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function i5(t,e){return(i5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var a5=function(t){function e(){return e5(this,e),r5(this,o5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:dB}}},{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.state.target&&this.state.target.trigger(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>\n    ")}},{key:er("$projectColors"),value:function(){return(this.$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:bn("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:yo("changeColor"),value:function(t){this.updateData({color:t})}},{key:yo("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof ho))throw new Error("ColorPicker needs data.target");this.params=e,this.setState(t,!1),this.children.$color.setValue(this.state.color),this.show(232)}},{key:yo("hideColorPickerPopup"),value:function(){this.hide()}}])&&n5(n.prototype,r),o&&n5(n,o),e}(g2);function c5(t){return(c5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function u5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function l5(t,e){return!e||"object"!==c5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f5(t){return(f5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function p5(t,e){return(p5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y5=function(t){function e(){return u5(this,e),l5(this,f5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p5(t,e)}(e,t),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:er("$imageBox")+Wn,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(t,e){return"<div class='image-item' ><img src= '".concat(t.local,"' /></div>")}))}},{key:bn("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("src"),naturalWidth:rn.px(e.naturalWidth),naturalHeight:rn.px(e.naturalHeight),width:rn.px(e.naturalWidth),height:rn.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:yo("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:yo("hideImageSelectPopup"),value:function(){this.hide()}}])&&s5(n.prototype,r),o&&s5(n,o),e}(g2);function h5(t){return(h5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function v5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function b5(t,e){return!e||"object"!==h5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g5(t){return(g5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function m5(t,e){return(m5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var w5=function(t){function e(){return d5(this,e),b5(this,g5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m5(t,e)}(e,t),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:er("$imageList")+Wn,value:function(){return(this.$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:bn("$imageList .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData(e.attr("src"))}},{key:"updateData",value:function(t){this.parent.trigger(this.props.onchange,t)}},{key:yo("addImageAsset"),value:function(){this.refresh()}}])&&v5(n.prototype,r),o&&v5(n,o),e}(ho);function O5(t){return(O5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function k5(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function j5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?k5(Object(n),!0).forEach((function(e){S5(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):k5(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function S5(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function P5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function $5(t,e){return!e||"object"!==O5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E5(t,e,n){return(E5="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=_5(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 _5(t){return(_5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function C5(t,e){return(C5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var T5=function(t){function e(){return P5(this,e),$5(this,_5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&C5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:w5,EmbedColorPicker:dB,GradientEditor:kV}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){E5(_5(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:yo("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof qc&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:er("$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:yo("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:yo("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:yo("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:yo("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:yo("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:yo("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(j5({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&x5(n.prototype,r),o&&x5(n,o),e}(g2);function R5(t){return(R5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function D5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function V5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function A5(t,e){return!e||"object"!==R5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I5(t){return(I5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function L5(t,e){return(L5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var M5=function(t){function e(){return D5(this,e),A5(this,I5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&L5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:BM}}},{key:"getClassName",value:function(){return"transparent"}},{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:er("$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:yo("changeFilterEditor"),value:function(t,e){this.updateData({filters:e})}},{key:"refresh",value:function(){this.load()}},{key:yo("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return PO.parse(t)})),t.preview=!I(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:yo("hideSVGFilterPopup"),value:function(){this.$el.hide()}}])&&V5(n.prototype,r),o&&V5(n,o),e}(g2);function B5(t){return(B5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G5(t,e){return!e||"object"!==B5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H5(t){return(H5=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y5(t,e){return(Y5=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X5=function(t){function e(){return z5(this,e),G5(this,H5(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y5(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:dB,RangeEditor:fD,SelectEditor:rD,GradientEditor:kV}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||rn.px(0),y:this.props.y||rn.px(0),width:this.props.width||rn.px(0),height:this.props.height||rn.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.state.params)}},{key:"templateForSize",value:function(){return"\n      <div class='popup-item'>\n        <SelectEditor label=\"".concat(this.$i18n("background.image.position.popup.size"),"\" ref='$size' key='size' value=\"").concat(this.state.size,'" options="contain,cover,auto" onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:yo("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=\"".concat(this.$i18n("background.image.position.popup.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=\"".concat(this.$i18n("background.image.position.popup.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>".concat(this.$i18n("background.image.position.popup.repeat"),"</label>\n      <div class='repeat-list' ref=\"$repeat\" data-value='").concat(this.state.repeat,"'>\n          <button type=\"button\" value='no-repeat' title=\"").concat(this.$i18n("background.image.position.popup.type.no-repeat"),'"></button>\n          <button type="button" value=\'repeat\' title="').concat(this.$i18n("background.image.position.popup.type.repeat"),'"></button>\n          <button type="button" value=\'repeat-x\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-x"),'"></button>\n          <button type="button" value=\'repeat-y\' title="').concat(this.$i18n("background.image.position.popup.type.repeat-y"),'"></button>\n          <button type="button" value=\'space\' title="').concat(this.$i18n("background.image.position.popup.type.space"),'"></button>\n          <button type="button" value=\'round\' title="').concat(this.$i18n("background.image.position.popup.type.round"),'"></button>\n      </div>\n    </div>\n    ')}},{key:bn("$repeat button"),value:function(t){var e=t.$dt;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=\"".concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(tE,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:er("$picker"),value:function(){return"\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        </div>\n      </div>\n    ")}},{key:yo("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}])&&F5(n.prototype,r),o&&F5(n,o),e}(g2);function N5(t){return(N5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K5(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function W5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?K5(Object(n),!0).forEach((function(e){U5(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):K5(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function U5(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Z5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function q5(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function J5(t,e){return!e||"object"!==N5(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Q5(t,e,n){return(Q5="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=t3(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 t3(t){return(t3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function e3(t,e){return(e3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var n3=function(t){function e(){return Z5(this,e),J5(this,t3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&e3(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:w5,EmbedColorPicker:dB,FillEditor:lz}}},{key:"initState",value:function(){return{image:y$.create()}}},{key:"initialize",value:function(){Q5(t3(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:yo("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof qc&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:er("$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:yo("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:yo("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:yo("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:yo("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.setState(t)}},{key:yo("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:yo("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(W5({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}])&&q5(n.prototype,r),o&&q5(n,o),e}(g2);function r3(t){return(r3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function a3(t,e){return!e||"object"!==r3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function c3(t){return(c3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function s3(t,e){return(s3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var l3={PatternInfoPopup:function(t){function e(){return o3(this,e),a3(this,c3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s3(t,e)}(e,t),n=e,(r=[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"components",value:function(){return YF}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||rn.px(0),y:this.props.y||rn.px(0),width:this.props.width||rn.px(0),height:this.props.height||rn.px(0),lineWidth:this.props.lineWidth||rn.px(1),lineHeight:this.props.lineHeight||rn.px(1),foreColor:this.props.foreColor||"black",backColor:this.props.backColor||"transparent",blendMode:this.props.blendMode||"normal"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1);var e=this.state,n=e.x,r=e.y,o=e.width,i=e.height,a=e.foreColor,c=e.backColor,u=e.blendMode,s=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:o,height:i,foreColor:a,backColor:c,blendMode:u,lineWidth:s,lineHeight:l},this.state.params)}},{key:yo("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(){if(this.hasNotX())return"";var t="X",e="";return"diagonal-line"===this.state.type&&(t=this.$i18n("pattern.info.popup.rotate"),e="deg"),"\n      <div class='popup-item'>\n        <RangeEditor \n            label=\"".concat(t,'"\n            calc="false"            \n            ref="$x" \n            key="x"\n            value="').concat(this.state.x,'"\n            min="0" max="1000" step="1"\n            units="').concat(e,'"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return this.hasNotY()?"":'\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="0" 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=\"".concat(this.$i18n("pattern.info.popup.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=\"".concat(this.$i18n("pattern.info.popup.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:"hasNotLineWidth",value:function(){return["check"].includes(this.state.type)}},{key:"hasNotLineHeight",value:function(){return["cross-dot","dot","check","diagonal-line","horizontal-line"].includes(this.state.type)}},{key:"hasNotX",value:function(){return["grid","dot","horizontal-line"].includes(this.state.type)}},{key:"hasNotY",value:function(){return["grid","dot","diagonal-line","vertical-line"].includes(this.state.type)}},{key:"templateForLineWidth",value:function(){return this.hasNotLineWidth()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineWidth"),'"   \n          calc="false"             \n          ref="$lineWidth" \n          key="lineWidth"\n          value="').concat(this.state.lineWidth,'"          \n          min="0" max="500" step="1" \n          onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForLineHeight",value:function(){return this.hasNotLineHeight()?"":"\n    <div class='popup-item'>\n      <RangeEditor \n          label=\"".concat(this.$i18n("pattern.info.popup.lineHeight"),'"\n          calc="false"          \n          ref="$lineHeight" \n          key="lineHeight"\n          value="').concat(this.state.lineHeight,'"          \n          min="0" max="500" step="1" onchange="changeRangeEditor"\n      />\n    </div>\n    ')}},{key:"templateForForeColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$foreColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.foreColor"),"\" \n            key='foreColor' \n            value=\"").concat(this.state.foreColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBackColor",value:function(){return"\n      <div class='popup-item'>\n        <ColorViewEditor \n            ref='$backColor' \n            label=\"".concat(this.$i18n("pattern.info.popup.backColor"),"\" \n            key='backColor' \n            value=\"").concat(this.state.backColor,'"\n            onchange="changeRangeEditor" />\n      </div>\n    ')}},{key:"templateForBlendMode",value:function(){return"\n    <div class='popup-item'>\n      <BlendSelectEditor \n            ref='$blend' \n            key='blendMode' \n            label=\"".concat(this.$i18n("pattern.info.popup.blend"),'"\n            value="').concat(this.state.blendMode,'" \n            onchange="changeRangeEditor" \n        />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:er("$picker"),value:function(){return"\n      \n      <div class='box'>\n\n        <div class='background-property'>      \n          ".concat(this.templateForWidth(),"\n          ").concat(this.templateForHeight(),"        \n          ").concat(this.templateForLineWidth(),"\n          ").concat(this.templateForLineHeight(),"                  \n          ").concat(this.templateForX(),"\n          ").concat(this.templateForY(),"\n          ").concat(this.templateForForeColor(),"\n          ").concat(this.templateForBackColor(),"\n          ").concat(this.templateForBlendMode(),"\n        </div>\n      </div>\n    ")}},{key:yo("showPatternInfoPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changePatternInfoPopup",this.state.params=e,this.state.instance=t.instance,this.setState(t.data),this.show(460)}}])&&i3(n.prototype,r),o&&i3(n,o),e}(g2),FillPickerPopup:n3,BackgroundImagePositionPopup:X5,SVGFilterPopup:M5,GradientPickerPopup:T5,ImageSelectPopup:y5,ColorPickerPopup:a5,SelectorPopup:Q4,SVGPropertyPopup:X4,ClipPathPopup:_4,KeyframePopup:Z2,AnimationPropertyPopup:H2,TransitionPropertyPopup:M4,TextShadowPropertyPopup:A2,BoxShadowPropertyPopup:E2};function f3(t){return(f3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p3(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 h3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function b3(t,e){return!e||"object"!==f3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function g3(t,e,n){return(g3="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=m3(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 m3(t){return(m3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function w3(t,e){return(w3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var O3=function(t){function e(){return h3(this,e),b3(this,m3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&w3(t,e)}(e,t),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(){g3(m3(e.prototype),"initialize",this).call(this),this.refs.$head=un.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(q(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,"']"));return("\n      <style type='text/css' data-id='".concat(t.id,"'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeStyle(t)})).join(""))}},{key:"makeDragStyle",value:function(t){var e=this;if(t.is("project"))return this.makeProjectStyle(t);var n=t.generateDragView("[data-id='".concat(t.id,"']"));return("\n      <style type='text/css' data-id='".concat(t.id,"-drag'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.makeDragStyle(t)})).join(""))}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new kk;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,n=un.create("div"),r=this.makeStyle(t);n.html(r).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"changeDragStyleHead",value:function(t){var e=this;un.create("div").html(this.makeDragStyle(t)).children().forEach((function(t){e.refs.$head.append(t)}))}},{key:"refreshStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=t.allLayers);var r=n.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeStyleHead(t)}},{key:"refreshDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(p3(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()})),this.changeDragStyleHead(t)}},{key:"removeDragStyleHeadOne",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[t];e||(n=[t].concat(p3(t.allLayers)));var r=n.map((function(t){return'style[data-id="'.concat(t.id,'-drag"]')})).join(",");this.refs.$head.$$(r).forEach((function(t){t.remove()}))}},{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:er("$svgArea"),value:function(){var t=this.$selection.currentProject||{};return this.makeSvg(t)}},{key:yo("refreshStyleView","moveTimeline","playTimeline"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t?(this.load(),this.refreshStyleHeadOne(t,e)):this.refresh()}},{key:yo("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:yo("refreshSelectionStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;L(e)?n=e:null!==e&&(n=[e]);var r=[];r=n?B(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items;var o=[],i=[];r.forEach((function(e){var n=e.allLayers.map((function(t){return'style[data-id="'.concat(t.id,'"],style[data-id="').concat(t.id,'-drag"]')})).join(",");i.push(n),o.push(t.makeStyle(e))})),i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var a=un.create("div"),c=a.html(o.join("")).createChildrenFragment();this.refs.$head.append(c)}},{key:yo("removeSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;L(e)?n=e:null!==e&&(n=[e]),(n?B(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.removeDragStyleHeadOne(e,!0)}))}},{key:yo("refreshSelectionDragStyleView"),value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=e;L(e)?n=e:null!==e&&(n=[e]),(n?B(n[0])?this.$selection.itemsByIds(n):n:this.$selection.items).forEach((function(e){t.refreshDragStyleHeadOne(e,!0)}))}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}])&&d3(n.prototype,r),o&&d3(n,o),e}(ho);function k3(t){return(k3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function j3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function P3(t,e){return!e||"object"!==k3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $3(t){return($3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E3(t,e){return(E3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _3=function(t){function e(){return j3(this,e),P3(this,$3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&E3(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{ArtBoardProperty:kq,LayerTreeProperty:Rq}}},{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    "}}])&&S3(n.prototype,r),o&&S3(n,o),e}(ho),C3={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 T3(t){return(T3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R3(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 D3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function V3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function A3(t,e){return!e||"object"!==T3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function I3(t){return(I3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function L3(t,e){return(L3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var M3=function(t){function e(){return D3(this,e),A3(this,I3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&L3(t,e)}(e,t),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(C3).map((function(t){return"<div class='path-item'>".concat(C3[t],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$el .path-item"),value:function(t){var e=t.$dt.$("svg"),n=e.$("path"),r=R3(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("convertPath",u,s)}}])&&V3(n.prototype,r),o&&V3(n,o),e}(ho);function B3(t){return(B3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function z3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function F3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function G3(t,e){return!e||"object"!==B3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function H3(t){return(H3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function Y3(t,e){return(Y3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var X3=function(t){function e(){return z3(this,e),G3(this,H3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&Y3(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='component-items'>\n        <div class='group'>\n          <label>".concat(this.$i18n("component.items.canvas"),"</label>\n          <div class='list'>\n            <SelectTool title='Select' />\n            <AddArtboard title='Artboard' />            \n          </div>\n        </div>              \n        <div class='group'>\n        <label>").concat(this.$i18n("component.items.layer"),"</label>\n          <div class='list'>\n            <AddRect title='Rect' />\n            <AddCircle title='Circle' />         \n            <AddText title='Text' />\n            <AddImage title='Image' />\n            <AddVideo title='Video' />\n          </div>\n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.drawing"),"</label>\n          <div class='list'>            \n            \x3c!--<AddDrawBrush title='Brush' />--\x3e\n            <AddDrawPath title='Draw' />\n            <AddPath title='Path' />\n            <AddSVGRect title='Rect' />\n            <AddSVGCircle title='Circle' />\n            <AddSVGText title='Text' />\n            <AddSVGTextPath title='Text Path' />\n          </div>          \n        </div>\n        <div class='group'>\n         <label>").concat(this.$i18n("component.items.custom"),"</label>\n          <div class='list'>            \n            <AddCube title='Cube' />\n            <AddCylinder title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:bn("$el button"),value:function(t){var e=this.refs.$el.$(".selected");e&&e.removeClass("selected"),t.$dt.addClass("selected")}}])&&F3(n.prototype,r),o&&F3(n,o),e}(ho);function N3(t){return(N3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function K3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function W3(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function U3(t,e){return!e||"object"!==N3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Z3(t){return(Z3=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function q3(t,e){return(q3=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var J3=function(t){function e(){return K3(this,e),U3(this,Z3(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&q3(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='preview-tool-menu'>\n        <div class='items'>\n          <Fullscreen />      \n          <ExportView />\n          <ExportCodePen />\n          <div class='divdier'></div>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />          \n        </div>                \n      </div>\n    "}}])&&W3(n.prototype,r),o&&W3(n,o),e}(ho);function Q3(t){return(Q3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function t8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n8(t,e){return!e||"object"!==Q3(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r8(t){return(r8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function o8(t,e){return(o8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var i8={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var a8=function(t){function e(){return t8(this,e),n8(this,r8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o8(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:er("$el"),value:function(){return Nl.map((function(t){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(t.description,"</label>\n            <span><kbd>").concat((e=t.key,e.toLowerCase().split("+").map((function(t){return i8[t]||t})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(t.when,"</div>\n        </div>\n      ");var e}))}}])&&e8(n.prototype,r),o&&e8(n,o),e}(ho);function c8(t){return(c8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function u8(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function s8(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function l8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function p8(t,e){return!e||"object"!==c8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function y8(t){return(y8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function h8(t,e){return(h8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var d8=function(t){function e(){return l8(this,e),p8(this,y8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h8(t,e)}(e,t),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]:{};e%2?u8(Object(n),!0).forEach((function(e){s8(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u8(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({ShortCutItems:a8},e2,{ObjectItems:_3,ComponentItems:X3,LibraryItems:M3,PreviewToolMenu:J3})}},{key:"initState",value:function(){return{selectedIndex:2}}},{key:"template",value:function(){return"\n      <div class='layer-tab'>\n        <div class=\"tab number-tab side-tab side-tab-left\" data-selected-value=\"2\" ref=\"$tab\">\n          <div class=\"tab-header full\" ref=\"$header\">\n            <div class='logo-item'>\n              <label class='logo' title='EasyLogic Studio'></label>\n            </div>                  \n            <div class='tab-item' data-value='4' title=\"".concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(tv.add,'</label>\n            </div>          \n            <div class="tab-item selected" data-value="2" title="').concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(tv.account_tree,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(tv.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(tv.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.keyMap"),'">\n              <label>').concat(tv.keyboard,"</label>\n            </div>               \n            <div class='tab-item extra-item' >\n              <PreviewToolMenu />\n            </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 selected\" data-value=\"2\">\n              <ObjectItems />\n            </div>\n            <div class='tab-content' data-value='3'>\n              <LibraryItems />\n            </div>\n            <div class='tab-content' data-value='4'>\n              <ComponentItems />\n            </div>\n            <div class='tab-content' data-value='6'>\n              <ShortCutItems />\n            </div>                \n            <div class='tab-content' data-value='5'>\n              <div class='assets'>\n                <ColorAssetsProperty />\n                <GradientAssetsProperty />    \n                <PatternAssetsProperty />    \n                <ImageAssetsProperty />      \n                <VideoAssetsProperty />       \n                <SVGFilterAssetsProperty />                \n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:bn("$header .tab-item:not(.extra-item)"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&f8(n.prototype,r),o&&f8(n,o),e}(ho);function v8(t){return(v8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m8(t,e){return!e||"object"!==v8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w8(t){return(w8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O8(t,e){return(O8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var k8=function(t){function e(){return b8(this,e),m8(this,w8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O8(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{LayerTab:d8}}},{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <LayerTab />\n      </div>\n    '}}])&&g8(n.prototype,r),o&&g8(n,o),e}(ho);function j8(t){return(j8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function x8(t,e){return!e||"object"!==j8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function $8(t){return($8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function E8(t,e){return(E8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var _8=function(t){function e(){return S8(this,e),x8(this,$8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&E8(t,e)}(e,t),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    "}}])&&P8(n.prototype,r),o&&P8(n,o),e}(ho);function C8(t){return(C8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function T8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function R8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function D8(t,e){return!e||"object"!==C8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function V8(t){return(V8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function A8(t,e){return(A8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var I8=function(t){function e(){return T8(this,e),D8(this,V8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&A8(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return uK}},{key:"template",value:function(){return"\n      <div class='external-tool-menu  right'>\n        <div class='items'>\n          <Download />\n          <Save />\n          <Github />\n          <Manual />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    "}}])&&R8(n.prototype,r),o&&R8(n,o),e}(ho);function L8(t){return(L8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z8(t,e){return!e||"object"!==L8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F8(t){return(F8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function G8(t,e){return(G8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var H8=function(t){function e(){return M8(this,e),z8(this,F8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G8(t,e)}(e,t),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(tv.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:bn("$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:yo("showExportWindow"),value:function(){this.show(),this.refresh()}}])&&B8(n.prototype,r),o&&B8(n,o),e}(ho);function Y8(t){return(Y8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K8(t,e){return!e||"object"!==Y8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W8(t){return(W8=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U8(t,e){return(U8=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z8=function(t){function e(){return X8(this,e),K8(this,W8(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U8(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"export-window"}},{key:"getTitle",value:function(){return"Export"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="tab number-tab" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" 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 selected" 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:yo("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var t=this,e=this.$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=Ya.generate(this.$editor);if(this.refs.$js.text(o.js),this.$selection.currentArtboard){var i=Ya.generateSVG(this.$editor,this.$selection.currentArtboard);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(un.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(q(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:bn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1))}}])&&N8(n.prototype,r),o&&N8(n,o),e}(H8);function q8(t){return(q8="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J8(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Q8(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function t6(t,e){return!e||"object"!==q8(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function e6(t){return(e6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n6(t,e){return(n6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var r6=function(t){function e(){return J8(this,e),t6(this,e6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n6(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"login-window"}},{key:"getTitle",value:function(){return"Login"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$login\'>Login</button>\n            </div>\n        '}},{key:bn("$login"),value:function(t){var e=this,n=this.refs.$email.value,r=this.refs.$password.value;firebase.auth().signInWithEmailAndPassword(n,r).then((function(t){e.$editor.setUser(t),e.hide()})).catch((function(t){t.code,t.message,console.log(t)}))}},{key:yo("showLoginWindow"),value:function(){this.show()}}])&&Q8(n.prototype,r),o&&Q8(n,o),e}(H8);function o6(t){return(o6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function c6(t,e){return!e||"object"!==o6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u6(t){return(u6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function s6(t,e){return(s6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var l6={SignWindow:function(t){function e(){return i6(this,e),c6(this,u6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s6(t,e)}(e,t),n=e,(r=[{key:"getClassName",value:function(){return"sign-window"}},{key:"getTitle",value:function(){return"Sign"}},{key:"getBody",value:function(){return'\n            <div >\n                <label>fullname <input type="text" ref="$fullname" /></label>\n                <label>email <input type="text" ref="$email" /></label>\n                <label>password <input type="text" ref="$password" /></label>\n                <button type="button" ref=\'$register\'>Register</button>\n            </div>\n        '}},{key:bn("$register"),value:function(){console.log(firebase);var t=this.refs.$email.value,e=this.refs.$password.value;firebase.auth().createUserWithEmailAndPassword(t,e).catch((function(t){t.code,t.message,console.log(t)}))}},{key:yo("showSignWindow"),value:function(){this.show()}}])&&a6(n.prototype,r),o&&a6(n,o),e}(H8),LoginWindow:r6,ExportWindow:Z8};function f6(t){return(f6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function y6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h6(t,e){return!e||"object"!==f6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function d6(t){return(d6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function v6(t,e){return(v6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var b6=function(t){function e(){return p6(this,e),h6(this,d6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v6(t,e)}(e,t),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            <input type='file' accept='video/*' multiple=\"true\" ref='$video' class='embed-video-input'/>\n        </div>\n        "}},{key:$n("$file"),value:function(t){var e=this;this.refs.$file.files.forEach((function(t){e.emit("updateImage",t,e.state.rect)}))}},{key:$n("$video"),value:function(t){var e=this;this.refs.$video.files.forEach((function(t){e.emit("updateVideo",t,e.state.rect)}))}},{key:yo("openImage"),value:function(t){this.state.rect=t,this.refs.$file.click()}},{key:yo("openVideo"),value:function(t){this.state.rect=t,this.refs.$video.click()}}])&&y6(n.prototype,r),o&&y6(n,o),e}(ho);function g6(t){return(g6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function m6(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 w6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function O6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function k6(t,e){return!e||"object"!==g6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j6(t){return(j6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function S6(t,e){return(S6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var P6={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},x6=function(t){function e(){return w6(this,e),k6(this,j6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&S6(t,e)}(e,t),n=e,(r=[{key:yo("refreshCanvas","refreshSelection")+Un(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(t){var e=this,n=this.$selection.currentArtboard,r=n.searchById(t.id);if(r){var o=this.$timeline.checkLayer(r.id),i=n.searchById(r.id);return"\n        <div class='timeline-object' data-timeline-animation-id=\"".concat(r.id,"\">\n            <div class='timeline-object-row layer' data-selected='").concat(o,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(tv.chevron_right,"</div>\n                <div class='title'> ").concat(r.name,"</div>\n                <div class='tools'>\n                    <button type=\"button\" class='remove-timeline' data-layer-id='").concat(r.id,"'>").concat(tv.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(t.properties.map((function(t){var n=e.$timeline.checkProperty(r.id,t.property);return("\n                <div class='timeline-object-row layer-property' data-selected='".concat(n,"' data-layer-id='").concat(r.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 P6[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?i.totalLength:"","\n                      ").concat("points"===t.property?i.totalLength:"","\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(r.id,"' data-property='").concat(t.property,"'>").concat(tv.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(r.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:er()+Wn,value:function(){var t=this,e=this.$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")})),this.$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:bn("$el .timeline-object-row.layer .title"),value:function(t){var e=t.$dt.closest("timeline-object");e.toggleClass("collapsed");var n=t.$dt.closest("timeline-object-row").attr("data-layer-id");this.$timeline.selectLayer(n),this.$timeline.toggleLayerContainer(e.attr("data-timeline-animation-id")),this.refreshSelection(),this.emit("toggleTimelineObjectRow",n,e.hasClass("collapsed"))}},{key:bn("$el .timeline-object-row.layer .add-property"),value:function(t){var e=t.$dt.closest("timeline-object-row").$(".property-select").val(),n=t.$dt.attr("data-layer-id");if(e){var r=this.$selection.current;this.emit("addTimelineProperty",{layerId:n,property:e,value:r[e]})}}},{key:bn("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$dt.attr("data-layer-id");e&&this.emit("removeTimeline",e)}},{key:bn("$el .timeline-object-row.layer-property .add"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("copyTimelineProperty",e,n)}},{key:bn("$el .timeline-object-row.layer-property .remove"),value:function(t){var e=t.$dt.attr("data-layer-id"),n=t.$dt.attr("data-property");n&&this.emit("removeTimelineProperty",e,n)}},{key:bn("$el .timeline-object-row.layer-property .title"),value:function(t){var e=m6(t.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),2),n=e[0],r=e[1];this.$timeline.selectProperty(n,r),this.refreshSelection(),this.emit("refreshTimeline")}},{key:yo("refreshTimeline"),value:function(){this.refresh()}}])&&O6(n.prototype,r),o&&O6(n,o),e}(ho);function $6(t){return($6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function E6(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _6(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function C6(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;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 T6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function R6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function D6(t,e){return!e||"object"!==$6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function V6(t){return(V6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function A6(t,e){return(A6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var I6=function(t){function e(){return T6(this,e),D6(this,V6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&A6(t,e)}(e,t),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 rn.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=this.$selection.currentArtboard,o=C6(e.split(",").map((function(t){return t.trim()})),1)[0],i=r.searchById(o);i&&(e=i.d)}else e=null;if(e){var a=TP(new aa(e).segments),c=a.totalLength,u=a.interpolateList,s=0;(n=u.map((function(t){var e={totalLength:c,length:t.length+s};return s+=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]:{};e%2?E6(Object(n),!0).forEach((function(e){_6(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E6(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(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(Q({"data-layer-id":t,"data-property":n.property}),">\n\n            ").concat(o.map((function(e,i){var a=o[i+1];if(!a)return"";var c=rn.px(e.left.value),u=rn.px(a.left.value-e.left.value),s=r.$timeline.checked(e.id)&&r.$timeline.checked(a.id);return"\n                    <div ".concat(Q({"data-selected":"".concat(s),class:{"offset-line":!0}})," style='left: ").concat(c,"; width: ").concat(u,"'} ></div>\n\n                    ").concat(e.subOffset.map((function(r,o){var i=rn.px(e.left.value+r.length/r.totalLength*u.value);return("\n                        <div class='".concat(tt({"sub-offset":!0}),"' style='left: ").concat(i,"' ").concat(Q({"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 o=r.$timeline.checked(e.id);return("<div class='offset' style='left: ".concat(e.left,"' ").concat(Q({"data-selected":"".concat(o),"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=this.$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 ".concat(tt({collapsed:e.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div class='timeline-keyframe-row layer'  ").concat(Q({"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(Q({"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=un.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=A(t)?this.state.rowIndex:+t}},{key:On("$el")+Yn("Backspace"),value:function(t){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(t,e){return 0===t&&0===e}},{key:An("$el")+Hn("hasDragPlace")+qn("moveDragArea")+Jn("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(un.create(t.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(t,e){if(!this.isNotMoved(t,e)){var n=t<0?rn.px(this.dragXY.x+t):rn.px(this.dragXY.x),r=e<0?rn.px(this.dragXY.y+e):rn.px(this.dragXY.y),o=rn.px(Math.abs(t)),i=rn.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(un.create(this.$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=C6(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.isNotMoved(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);this.$timeline.selectBySearch(this.getLayerList(),r,o),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:er("$keyframeList")+Wn,value:function(){var t=this,e=this.$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:bn("$el .timeline-keyframe-row.layer .title"),value:function(t){t.$dt.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:gn("$el .layer-property"),value:function(t){var e=C6(t.$dt.attrs("data-layer-id","data-property"),2),n=e[0],r=e[1],o=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("addTimelineKeyframe",{layerId:n,property:r,time:o}),this.doubleClicked=!0,this.refresh()}},{key:An("$el .layer-property .offset")+Hn("hasCurrentTimeline")+qn("moveOffset")+Jn("moveEndOffset"),value:function(t){var e=this;this.$offset=t.$dt;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=this.$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,this.$timeline.checked(n)||this.$timeline.select(this.offset),this.cachedOffsetList={},this.$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;if(!this.isNotMoved(t,e)){var 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);this.$timeline.each((function(t){var e=n.cachedOffsetList[t.id]+u*c;e=Math.max(e,o),e=Math.min(e,i);var r=cc(a,e);e=ac(a,r),t.time=e})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:yo("toggleTimelineObjectRow"),value:function(t,e){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(t,'"]')).toggleClass("collapsed",e)}},{key:"moveEndOffset",value:function(t,e){if(this.isNotMoved(t,e))return this.refresh(),void this.emit("refreshOffsetValue",this.offset);var n=this.$selection.currentArtboard;n&&(this.$timeline.each((function(t){n.sortTimelineKeyframe(t.layerId,t.property)})),this.refresh())}},{key:yo("addTimeline","moveTimeline")+Un(100),value:function(){this.refresh()}},{key:yo("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:yo("resize.window")+Un(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}}])&&R6(n.prototype,r),o&&R6(n,o),e}(ho);function L6(t){return(L6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function z6(t,e){return!e||"object"!==L6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function F6(t){return(F6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function G6(t,e){return(G6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var H6=function(t){function e(){return M6(this,e),z6(this,F6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&G6(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(tv.timer,'</button>\n                <label><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:yo("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:yo("refreshTimeline"),value:function(){this.refresh()}},{key:yo("moveTimeline","refreshSelection")+Zn(10),value:function(){this.refresh()}},{key:On("$fps")+Xn,value:function(t){var e=+this.refs.$fps.val(),n=this.$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:bn("$timer"),value:function(){var t=this.$selection.currentArtboard;t&&(t.seek(this.refs.$currentTime.value,(function(t){return!0})),this.emit("playTimeline"))}},{key:wn("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:On("$currentTime")+Xn+Hn("checkNumberOrTimecode")+Hn("hasCurrentTimeline")+Qn,value:function(t){var e=this.refs.$currentTime.value,n=this.$selection.currentArtboard;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:wn("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:On("$duration")+Xn+Hn("checkNumberOrTimecode")+Hn("hasCurrentTimeline")+Qn,value:function(t){var e=this.refs.$duration.value,n=this.$selection.currentArtboard;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&B6(n.prototype,r),o&&B6(n,o),e}(ho);function Y6(t){return(Y6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X6(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N6(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K6(t,e){return!e||"object"!==Y6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W6(t){return(W6=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U6(t,e){return(U6=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z6=function(t){function e(){return X6(this,e),K6(this,W6(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U6(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{KeyframeTimeControl:H6}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <KeyframeTimeControl />\n            </div>\n        "}}])&&N6(n.prototype,r),o&&N6(n,o),e}(ho);function q6(t){return(q6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function J6(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Q6(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function t9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n9(t,e){return!e||"object"!==q6(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r9(t){return(r9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function o9(t,e){return(o9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var i9=function(t){function e(){return t9(this,e),n9(this,r9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o9(t,e)}(e,t),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=rn.percent(t.displayStartTime/t.totalTime*100),n=rn.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:rn.percent(n.value-e.value)})}}},{key:An("$start")+Hn("hasCurrentTimeline")+qn("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=rn.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveStartButton",value:function(){var t=this.$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:An("$end")+Hn("hasCurrentTimeline")+qn("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=rn.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width),this.artboard=this.$selection.currentArtboard}},{key:"moveEndButton",value:function(){var t=this.$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:An("$gauge")+Hn("hasCurrentTimeline")+qn("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=this.$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(Q6({},t,e),!1)}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_grid_font_color"),e=this.$theme("timeline_timeview_bottom_color"),n=this.$theme("timeline_line_color"),r=this.currentTimeline;if(r){var o=this.$el.rect(),i=o.width,a=(o.height,r.displayStartTime),c=r.displayEndTime,u=r.fps,s=r.currentTime,l=Math.floor(a*u),f=Math.floor(c*u),p=(i=o.width,f-l),y=5;p<100?y=10:p<1e3?y=100:p<1e4?y=1e3:p<1e5&&(y=1e4),l%y!=0&&(l+=y-l%y);var h={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:i,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),o=i-20;for(this.drawOption(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?J6(Object(n),!0).forEach((function(e){Q6(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):J6(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},h));l<f;l+=y){var p=(ac(u,l)-a)/(c-a)*o;this.drawOption({fillStyle:t}),this.drawText(p+10,7,uc(u,l).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var d=(s-a)/(c-a)*o;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([d-4+10,r.height-10],[d+4+10,r.height-10],[d+4+10,r.height-4],[d+10,r.height],[d-4+10,r.height-4],[d-4+10,r.height-10])}))}}},{key:An("$canvas")+Hn("hasCurrentTimeline")+qn()+Jn("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.artboard=this.$selection.currentArtboard,this.emit("hideSelectionToolView"),this.$selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var t=this.width,e=t,n=this.$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(){this.emit("resetSelection")}},{key:yo("resize.window")+Un(100),value:function(){this.refresh()}},{key:yo("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:yo("moveTimeline","refreshSelection")+Zn(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentArtboard;return t?t.getSelectedTimeline():null}}])&&e9(n.prototype,r),o&&e9(n,o),e}(ho);function a9(t){return(a9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s9(t,e){return!e||"object"!==a9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l9(t){return(l9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f9(t,e){return(f9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var p9=function(t){function e(){return c9(this,e),s9(this,l9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&f9(t,e)}(e,t),n=e,(r=[{key:"template",value:function(){return"\n            <div class='keyframe-time-grid-view'>\n                <canvas ref=\"$canvas\"></canvas>\n            </div>\n        "}},{key:"refresh",value:function(){this.refreshCanvas()}},{key:"currentTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var t=this.$theme("timeline_line_color"),e=this.currentTimeline();if(e){var n=this.$el.rect().width,r=e.currentTime,o=e.displayStartTime,i=e.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var e=this.rect(),a=(r-o)/(i-o)*(n-20);this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(a+10,0,a+10,e.height)}))}}},{key:yo("resize.window")+Un(100),value:function(){this.refresh()}},{key:yo("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:yo("moveTimeline","refreshSelection")+Zn(50),value:function(){this.refresh()}}])&&u9(n.prototype,r),o&&u9(n,o),e}(ho);function y9(t){return(y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h9(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function d9(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function v9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g9(t,e){return!e||"object"!==y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function m9(t){return(m9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function w9(t,e){return(w9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var O9=function(t){function e(){return v9(this,e),g9(this,m9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&w9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{CSSPropertyEditor:eL,CubicBezierEditor:GD}}},{key:"initState",value:function(){return{time:0,timing:"linear",selectedIndex:1}}},{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:A(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter((function(t){return t.key}))}},{key:"refresh",value:function(){var t=this.$selection.currentArtboard,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=cc(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" ref="$tab">\n            <div class="tab-header full" ref="$header">\n                <div class="tab-item selected" data-value="1">\n                    <label>'.concat(this.$i18n("timeline.value.editor.value"),'</label>\n                </div>          \n                <div class="tab-item" data-value="2">\n                    <label>').concat(this.$i18n("timeline.value.editor.timing"),'</label> \n                </div>                            \n            </div>\n            <div class="tab-body" ref="$body">\n                <div class="tab-content selected 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:bn("$header .tab-item"),value:function(t){var e=+t.$dt.attr("data-value");this.state.selectedIndex!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndex:e},!1),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:wn("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:On("$offsetTime")+Xn+Hn("checkNumberOrTimecode")+Qn,value:function(t){var e=this.refs.$offsetTime.value,n=this.$selection.currentArtboard;if(n){var r=n.getSelectedTimeline();this.updateData({time:ac(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <input type=\"text\" ref='$offsetTime' />\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(tv.gps_fixed,"</button>\n      </div>\n    ")}},{key:bn("$seek"),value:function(){var t=this,e=this.$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"\n      <CSSPropertyEditor ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{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:yo("refreshPropertyValue"),value:function(){var t=this.$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:yo("refreshOffsetValue"),value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?h9(Object(n),!0).forEach((function(e){d9(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h9(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t),!1),this.refresh()}},{key:yo("changeCubicBezier"),value:function(t,e){this.updateData(d9({},t,e+""))}},{key:yo("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}])&&b9(n.prototype,r),o&&b9(n,o),e}(ho);function k9(t){return(k9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function j9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function S9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function P9(t,e){return!e||"object"!==k9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function x9(t){return(x9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function $9(t,e){return($9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var E9=function(t){function e(){return j9(this,e),P9(this,x9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&$9(t,e)}(e,t),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' title='").concat(this.$i18n("timeline.play.control.play"),"'>").concat(tv.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(tv.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(tv.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(tv.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(tv.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(tv.skip_next,"</button>\n                    </div>\n                </div>\n                <div class='row'>            \n                    <label title='Speed'>").concat(this.$i18n("timeline.play.control.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'>").concat(this.$i18n("timeline.play.control.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> ").concat(this.$i18n("timeline.play.control.direction"),"</label>\n                    <div class='direction-buttons' ref='$direction' data-selected-direction='").concat(this.state.direction,"'>\n                        <button type=\"button\" data-value='normal' title='").concat(this.$i18n("timeline.play.control.normal"),"'>").concat(tv.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(tv.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(tv.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(tv.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();return r&&(t=r.speed,e=r.iterationCount,n=r.direction),{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=this.$selection.currentArtboard;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=this.$selection.currentArtboard;e&&e.setTimelineInfo(t)}},{key:bn("$playButtons button"),value:function(t){var e=t.$dt.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("firstTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"prev",value:function(){this.emit("prevTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"next",value:function(){this.emit("nextTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"last",value:function(){this.emit("lastTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:"play",value:function(){this.emit("playTimelineItem",this.state.speed,this.state.iterationCount,this.state.direction)}},{key:"pause",value:function(){this.emit("pauseTimelineItem"),this.$editor.changeMode("SELECTION"),this.emit("afterChangeMode")}},{key:yo("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:bn("$direction button"),value:function(t){this.updateData({direction:t.$dt.attr("data-value")}),this.refresh()}},{key:bn("$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:En("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:En("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:ir("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:ir("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:ir("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:yo("selectTimeline"),value:function(){this.refresh()}}])&&S9(n.prototype,r),o&&S9(n,o),e}(ho);function _9(t){return(_9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function C9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function T9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function R9(t,e){return!e||"object"!==_9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function D9(t){return(D9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function V9(t,e){return(V9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var A9=function(t){function e(){return C9(this,e),R9(this,D9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&V9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{TimelineAnimationProperty:C0,TimelinePlayControl:E9,TimelineValueEditor:O9,KeyframeTimeView:i9,TimelineKeyframeList:I6,TimelineObjectList:x6,TimelineTopToolbar:Z6,KeyframeTimeGridView:p9}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{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:Dn("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:Dn("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:yo("refreshValueEditor")+Un(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:yo("changeKeyframeValue"),value:function(t){this.emit("setTimelineOffset",t)}},{key:Sn("$area")+Qn,value:function(t){}},{key:jn("$area")+Qn,value:function(t){this.emit("addTimelineItem",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow())}}])&&T9(n.prototype,r),o&&T9(n,o),e}(kK);function I9(t){return(I9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function L9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function M9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function B9(t,e){return!e||"object"!==I9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function z9(t){return(z9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function F9(t,e){return(F9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var G9=Object.keys(vo),H9=function(t){function e(){return L9(this,e),B9(this,z9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&F9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"template",value:function(){var t=this,e=G9.map((function(e){var n=t.$i18n("app.lang.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='language-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:yo("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}])&&M9(n.prototype,r),o&&M9(n,o),e}(ho);function Y9(t){return(Y9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function X9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function N9(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function K9(t,e){return!e||"object"!==Y9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function W9(t){return(W9=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U9(t,e){return(U9=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var Z9=["dark","light"],q9=function(t){function e(){return X9(this,e),K9(this,W9(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&U9(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{SelectEditor:rD}}},{key:"template",value:function(){var t=this,e=Z9.map((function(e){var n=t.$i18n("app.theme.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='theme-switcher'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <SelectEditor \n                        ref='$locale' \n                        options=\"").concat(e.join(","),'" \n                        value="').concat(this.$editor.theme,'" \n                        onchange="changeItem"\n                    /> \n                </div>\n            </div>\n        ')}},{key:yo("changeItem"),value:function(t,e){this.emit("switchTheme",e)}}])&&N9(n.prototype,r),o&&N9(n,o),e}(ho);function J9(t){return(J9="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q9(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function t7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e7(t,e){return!e||"object"!==J9(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function n7(t){return(n7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function r7(t,e){return(r7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var o7=function(t){function e(){return Q9(this,e),e7(this,n7(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r7(t,e)}(e,t),n=e,(r=[{key:"components",value:function(){return{LanguageSelector:H9,ThemeSwitcher:q9}}},{key:"template",value:function(){return"\n            <div class='status-bar'>\n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$tool'>\n                    <ThemeSwitcher />\n                    <LanguageSelector />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:ir("$msg"),value:function(){return{text:this.state.msg}}},{key:yo("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}])&&t7(n.prototype,r),o&&t7(n,o),e}(ho);function i7(t){return(i7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function c7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function u7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function l7(t,e){return!e||"object"!==i7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f7(t,e,n){return(f7="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=p7(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 p7(t){return(p7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y7(t,e){return(y7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var h7=["INPUT","SELECT","TEXTAREA"],d7=function(t){function e(){return u7(this,e),l7(this,p7(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y7(t,e)}(e,t),n=e,(r=[{key:"initialize",value:function(){f7(p7(e.prototype),"initialize",this).call(this);var t=un.body();t.attr("data-theme",this.$editor.theme),t.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{leftSize:280}}},{key:yo("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n\n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n              <ToolMenu />    \n              <PageSubEditor />      \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <CanvasView />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <ObjectList />\n          </div>\n          <div class=\"layout-right\">\n            <Inspector />\n          </div>\n\n          <div class='layout-tools'>\n            <button ref='$toggleRight'>".concat(tv.dahaze,"</button>\n          </div>\n          <div class='layout-footer'>\n            <TimelineProperty />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>                 \n        </div>\n        \n        <StatusBar />\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        <PatternInfoPopup />\n        <SVGFilterPopup />\n        <StyleView />    \n        <ExportWindow />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        <ImageFileView />\n      </div>\n    ")}},{key:ir("$headerPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:ir("$splitter"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:ir("$leftPanel"),value:function(){return{style:{width:"".concat(this.state.leftSize,"px")}}}},{key:ir("$bodyPanel"),value:function(){return{style:{left:"".concat(this.state.leftSize,"px")}}}},{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a7(Object(n),!0).forEach((function(e){c7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},l6,{},l3,{ObjectList:k8,Inspector:s2,ToolMenu:dK,PageSubEditor:dG,CanvasView:TG,StyleView:O3,LogoView:_8,ExternalToolMenu:I8,ImageFileView:b6,StatusBar:o7,TimelineProperty:A9,PreviewToolMenu:J3})}},{key:An("$splitter")+qn("moveSplitter")+Jn("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=rn.parse(this.refs.$splitter.css("left")).value}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)},!1),this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$bodyPanel"),this.emit("resizeEditor")}},{key:yo("changeTheme"),value:function(){un.create(document.body).attr("data-theme",this.$editor.theme)}},{key:yo("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t)}},{key:zn("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:yo("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:yo("refreshAllSelectProject"),value:function(){this.emit("refreshArtBoardList"),this.emit("refreshArtboard")}},{key:Sn("$middle")+Qn,value:function(t){}},{key:jn("$middle")+Qn,value:function(t){var e=q$.getAllDropItems(t);this.emit("fileDropItems",e)}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!1===h7.includes(e)&&"true"!==un.create(t.target).attr("contenteditable")}},{key:wn("document")+Hn("isNotFormElement"),value:function(t){this.emit("keymap.keydown",t)}},{key:On("document")+Hn("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}])&&s7(n.prototype,r),o&&s7(n,o),e}(ho);function v7(t){return(v7="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function g7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?b7(Object(n),!0).forEach((function(e){m7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function m7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function w7(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function O7(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function k7(t,e){return!e||"object"!==v7(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function j7(t,e,n){return(j7="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=S7(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 S7(t){return(S7=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function P7(t,e){return(P7=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function x7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var E7=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?x7(Object(n),!0).forEach((function(e){$7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):x7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Vl,{},oP,{BackgroundImage:Zs,BorderImage:function(t){function e(){return w7(this,e),k7(this,S7(e).apply(this,arguments))}var n,r,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&P7(t,e)}(e,t),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=we(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=ke(o,r.matches);var c=t["border-image"].replace(o,"").split(" ").map((function(t){return rn.parse(t)}));o.includes("repeating-linear-gradient")?a=Yu.parse(o):o.includes("linear-gradient")?a=Au.parse(o):o.includes("repeating-radial-gradient")?a=ys.parse(o):o.includes("radial")?a=os.parse(o):o.includes("repeating-conic-gradient")?a=Is.parse(o):o.includes("conic")?a=Es.parse(o):o.includes("url")&&(a=Ou.parse(o)),n=new e({type:a.type,image:a});var u=c.filter((function(t){return H(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 Ou({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 cu(g7({},a,{colorsteps:n}));case"linear-gradient":return new Au(g7({},a,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Yu(g7({},a,{colorsteps:n,angle:r}));case"radial-gradient":return new os(g7({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"repeating-radial-gradient":return new ys(g7({},a,{colorsteps:n,radialType:o,radialPosition:i}));case"conic-gradient":return new Es(g7({},a,{colorsteps:n,angle:r,radialPosition:i}));case"repeating-conic-gradient":return new Is(g7({},a,{colorsteps:n,angle:r,radialPosition:i}))}return new qc}},{key:"getDefaultObject",value:function(){return j7(S7(e.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:cu.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach((function(e){t.slice[e]=rn.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(){if(!this.json.image)return{};var t=this.json.image.toString();return{"border-image-source":"".concat(t)}}},{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(){return g7({},this.toBorderImageCSS(),{},this.toBorderImageRepeatCSS(),{},this.toBorderImageSliceCSS(),{},this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return T(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}}])&&O7(n.prototype,r),o&&O7(n,o),e}(zo),BoxShadow:Jj});function _7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function C7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_7(Object(n),!0).forEach((function(e){T7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function T7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var R7=C7({createCSSEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return af(C7({components:{CSSEditor:d7},template:"<CSSEditor ".concat(t.embed?'embed="true"':""," />")},t))},CSSEditor:d7},E7,{},{ColorStep:Bc,ConicGradient:Es,LinearGradient:Au,RadialGradient:os,RepeatingConicGradient:Is,RepeatingLinearGradient:Yu,RepeatingRadialGradient:ys,URLImageResource:Ou},{},sC,{},{AssetParser:Ni,PathGenerator:pT,PathParser:aa,PathStringManager:ha,Point:Ji,SegmentManager:QC,PolygonParser:jP},{Length:rn});function D7(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function V7(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function A7(){return new R7.createCSSEditor}e.default=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?D7(Object(n),!0).forEach((function(e){V7(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):D7(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({version:"0.9.53"},cf,{},Lh,{},R7,{startEditor:A7});window.EasylogicEditor=A7(),"serviceWorker"in navigator&&window.addEventListener("load",(function(){navigator.serviceWorker.register("/service-worker.js").then((function(t){console.log("SW registered: ",t)})).catch((function(t){console.log("SW registration failed: ",t)}))}))}])}));
\ No newline at end of file
diff --git a/docs/service-worker.js b/docs/service-worker.js
index b94757df3..a37359a7a 100644
--- a/docs/service-worker.js
+++ b/docs/service-worker.js
@@ -1 +1 @@
-if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let r=Promise.resolve();return i[e]||(r=new Promise(async r=>{if("document"in self){const i=document.createElement("script");i.src=e,document.head.appendChild(i),i.onload=r}else importScripts(e),r()})),r.then(()=>{if(!i[e])throw new Error(`Module ${e} didn’t register its module`);return i[e]})},r=(r,i)=>{Promise.all(r.map(e)).then(e=>i(1===e.length?e[0]:e))},i={require:Promise.resolve(r)};self.define=(r,s,c)=>{i[r]||(i[r]=Promise.resolve().then(()=>{let i={};const n={uri:location.origin+r.slice(1)};return Promise.all(s.map(r=>{switch(r){case"exports":return i;case"module":return n;default:return e(r)}})).then(e=>{const r=c(...e);return i.default||(i.default=r),i})}))}}define("./service-worker.js",["./workbox-468c4d03"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"./index.html",revision:"102681911bf0659a6adccbe7503e1ae9"},{url:"3a8ca398e6a5c3b83f4de7c60843a9a0.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"icon.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"main.974fb8fd649466426b31.js",revision:"c48c130737769c47138be3182465b723"},{url:"main.d6a4e3d003f1043a3454.css",revision:"7115db02bff706213a27478084b41f3f"}],{})}));
+if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let r=Promise.resolve();return c[e]||(r=new Promise(async r=>{if("document"in self){const c=document.createElement("script");c.src=e,document.head.appendChild(c),c.onload=r}else importScripts(e),r()})),r.then(()=>{if(!c[e])throw new Error(`Module ${e} didn’t register its module`);return c[e]})},r=(r,c)=>{Promise.all(r.map(e)).then(e=>c(1===e.length?e[0]:e))},c={require:Promise.resolve(r)};self.define=(r,i,s)=>{c[r]||(c[r]=Promise.resolve().then(()=>{let c={};const n={uri:location.origin+r.slice(1)};return Promise.all(i.map(r=>{switch(r){case"exports":return c;case"module":return n;default:return e(r)}})).then(e=>{const r=s(...e);return c.default||(c.default=r),c})}))}}define("./service-worker.js",["./workbox-24aa846e"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"./index.html",revision:"b927015473e89edb3effacbb69c65c53"},{url:"3a8ca398e6a5c3b83f4de7c60843a9a0.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"icon.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"main.8c0195ad23a4420a0e1b.css",revision:"7c3cf4e1f0bf2905be47298e0c5b9cbd"},{url:"main.f33b9b0c0864bd1cdb36.js",revision:"d27e0b9bf2924999d03b1cfa39d05ffa"}],{})}));
diff --git a/docs/workbox-24aa846e.js b/docs/workbox-24aa846e.js
new file mode 100644
index 000000000..c719d03ef
--- /dev/null
+++ b/docs/workbox-24aa846e.js
@@ -0,0 +1 @@
+define("./workbox-24aa846e.js",["exports"],(function(e){"use strict";try{self["workbox:core:5.1.2"]&&_()}catch(e){}const t={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},n=e=>[t.prefix,e,t.suffix].filter(e=>e&&e.length>0).join("-"),s=e=>e||n(t.precache),i=e=>new URL(String(e),location.href).href.replace(new RegExp(`^${location.origin}`),""),c=(e,...t)=>{let n=e;return t.length>0&&(n+=` :: ${JSON.stringify(t)}`),n};class o extends Error{constructor(e,t){super(c(e,t)),this.name=e,this.details=t}}const r=new Set;const a=(e,t)=>e.filter(e=>t in e),u=async({request:e,mode:t,plugins:n=[]})=>{const s=a(n,"cacheKeyWillBeUsed");let i=e;for(const e of s)i=await e.cacheKeyWillBeUsed.call(e,{mode:t,request:i}),"string"==typeof i&&(i=new Request(i));return i},l=async({cacheName:e,request:t,event:n,matchOptions:s,plugins:i=[]})=>{const c=await self.caches.open(e),o=await u({plugins:i,request:t,mode:"read"});let r=await c.match(o,s);for(const t of i)if("cachedResponseWillBeUsed"in t){const i=t.cachedResponseWillBeUsed;r=await i.call(t,{cacheName:e,event:n,matchOptions:s,cachedResponse:r,request:o})}return r},h=async({cacheName:e,request:t,response:n,event:s,plugins:c=[],matchOptions:h})=>{const f=await u({plugins:c,request:t,mode:"write"});if(!n)throw new o("cache-put-with-no-response",{url:i(f.url)});const w=await(async({request:e,response:t,event:n,plugins:s=[]})=>{let i=t,c=!1;for(const t of s)if("cacheWillUpdate"in t){c=!0;const s=t.cacheWillUpdate;if(i=await s.call(t,{request:e,response:i,event:n}),!i)break}return c||(i=i&&200===i.status?i:void 0),i||null})({event:s,plugins:c,response:n,request:f});if(!w)return;const d=await self.caches.open(e),p=a(c,"cacheDidUpdate"),y=p.length>0?await l({cacheName:e,matchOptions:h,request:f}):null;try{await d.put(f,w)}catch(e){throw"QuotaExceededError"===e.name&&await async function(){for(const e of r)await e()}(),e}for(const t of p)await t.cacheDidUpdate.call(t,{cacheName:e,event:s,oldResponse:y,newResponse:w,request:f})},f=async({request:e,fetchOptions:t,event:n,plugins:s=[]})=>{if("string"==typeof e&&(e=new Request(e)),n instanceof FetchEvent&&n.preloadResponse){const e=await n.preloadResponse;if(e)return e}const i=a(s,"fetchDidFail"),c=i.length>0?e.clone():null;try{for(const t of s)if("requestWillFetch"in t){const s=t.requestWillFetch,i=e.clone();e=await s.call(t,{request:i,event:n})}}catch(e){throw new o("plugin-error-request-will-fetch",{thrownError:e})}const r=e.clone();try{let i;i="navigate"===e.mode?await fetch(e):await fetch(e,t);for(const e of s)"fetchDidSucceed"in e&&(i=await e.fetchDidSucceed.call(e,{event:n,request:r,response:i}));return i}catch(e){for(const t of i)await t.fetchDidFail.call(t,{error:e,event:n,originalRequest:c.clone(),request:r.clone()});throw e}};let w;async function d(e,t){const n=e.clone(),s={headers:new Headers(n.headers),status:n.status,statusText:n.statusText},i=t?t(s):s,c=function(){if(void 0===w){const e=new Response("");if("body"in e)try{new Response(e.body),w=!0}catch(e){w=!1}w=!1}return w}()?n.body:await n.blob();return new Response(c,i)}try{self["workbox:precaching:5.1.2"]&&_()}catch(e){}function p(e){if(!e)throw new o("add-to-cache-list-unexpected-type",{entry:e});if("string"==typeof e){const t=new URL(e,location.href);return{cacheKey:t.href,url:t.href}}const{revision:t,url:n}=e;if(!n)throw new o("add-to-cache-list-unexpected-type",{entry:e});if(!t){const e=new URL(n,location.href);return{cacheKey:e.href,url:e.href}}const s=new URL(n,location.href),i=new URL(n,location.href);return s.searchParams.set("__WB_REVISION__",t),{cacheKey:s.href,url:i.href}}class y{constructor(e){this.t=s(e),this.s=new Map,this.i=new Map,this.o=new Map}addToCacheList(e){const t=[];for(const n of e){"string"==typeof n?t.push(n):n&&void 0===n.revision&&t.push(n.url);const{cacheKey:e,url:s}=p(n),i="string"!=typeof n&&n.revision?"reload":"default";if(this.s.has(s)&&this.s.get(s)!==e)throw new o("add-to-cache-list-conflicting-entries",{firstEntry:this.s.get(s),secondEntry:e});if("string"!=typeof n&&n.integrity){if(this.o.has(e)&&this.o.get(e)!==n.integrity)throw new o("add-to-cache-list-conflicting-integrities",{url:s});this.o.set(e,n.integrity)}if(this.s.set(s,e),this.i.set(s,i),t.length>0){const e="Workbox is precaching URLs without revision "+`info: ${t.join(", ")}\nThis is generally NOT safe. `+"Learn more at https://bit.ly/wb-precache";console.warn(e)}}}async install({event:e,plugins:t}={}){const n=[],s=[],i=await self.caches.open(this.t),c=await i.keys(),o=new Set(c.map(e=>e.url));for(const[e,t]of this.s)o.has(t)?s.push(e):n.push({cacheKey:t,url:e});const r=n.map(({cacheKey:n,url:s})=>{const i=this.o.get(n),c=this.i.get(s);return this.u({cacheKey:n,cacheMode:c,event:e,integrity:i,plugins:t,url:s})});return await Promise.all(r),{updatedURLs:n.map(e=>e.url),notUpdatedURLs:s}}async activate(){const e=await self.caches.open(this.t),t=await e.keys(),n=new Set(this.s.values()),s=[];for(const i of t)n.has(i.url)||(await e.delete(i),s.push(i.url));return{deletedURLs:s}}async u({cacheKey:e,url:t,cacheMode:n,event:s,plugins:i,integrity:c}){const r=new Request(t,{integrity:c,cache:n,credentials:"same-origin"});let a,u=await f({event:s,plugins:i,request:r});for(const e of i||[])"cacheWillUpdate"in e&&(a=e);if(!(a?await a.cacheWillUpdate({event:s,request:r,response:u}):u.status<400))throw new o("bad-precaching-response",{url:t,status:u.status});u.redirected&&(u=await d(u)),await h({event:s,plugins:i,response:u,request:e===t?r:new Request(e),cacheName:this.t,matchOptions:{ignoreSearch:!0}})}getURLsToCacheKeys(){return this.s}getCachedURLs(){return[...this.s.keys()]}getCacheKeyForURL(e){const t=new URL(e,location.href);return this.s.get(t.href)}async matchPrecache(e){const t=e instanceof Request?e.url:e,n=this.getCacheKeyForURL(t);if(n){return(await self.caches.open(this.t)).match(n)}}createHandler(e=!0){return async({request:t})=>{try{const e=await this.matchPrecache(t);if(e)return e;throw new o("missing-precache-entry",{cacheName:this.t,url:t instanceof Request?t.url:t})}catch(n){if(e)return fetch(t);throw n}}}createHandlerBoundToURL(e,t=!0){if(!this.getCacheKeyForURL(e))throw new o("non-precached-url",{url:e});const n=this.createHandler(t),s=new Request(e);return()=>n({request:s})}}let g;const R=()=>(g||(g=new y),g);const q=(e,t)=>{const n=R().getURLsToCacheKeys();for(const s of function*(e,{ignoreURLParametersMatching:t,directoryIndex:n,cleanURLs:s,urlManipulation:i}={}){const c=new URL(e,location.href);c.hash="",yield c.href;const o=function(e,t=[]){for(const n of[...e.searchParams.keys()])t.some(e=>e.test(n))&&e.searchParams.delete(n);return e}(c,t);if(yield o.href,n&&o.pathname.endsWith("/")){const e=new URL(o.href);e.pathname+=n,yield e.href}if(s){const e=new URL(o.href);e.pathname+=".html",yield e.href}if(i){const e=i({url:c});for(const t of e)yield t.href}}(e,t)){const e=n.get(s);if(e)return e}};let U=!1;function m(e){U||((({ignoreURLParametersMatching:e=[/^utm_/],directoryIndex:t="index.html",cleanURLs:n=!0,urlManipulation:i}={})=>{const c=s();self.addEventListener("fetch",s=>{const o=q(s.request.url,{cleanURLs:n,directoryIndex:t,ignoreURLParametersMatching:e,urlManipulation:i});if(!o)return;let r=self.caches.open(c).then(e=>e.match(o)).then(e=>e||fetch(o));s.respondWith(r)})})(e),U=!0)}const v=[],L={get:()=>v,add(e){v.push(...e)}},x=e=>{const t=R(),n=L.get();e.waitUntil(t.install({event:e,plugins:n}).catch(e=>{throw e}))},K=e=>{const t=R();e.waitUntil(t.activate())};e.clientsClaim=function(){self.addEventListener("activate",()=>self.clients.claim())},e.precacheAndRoute=function(e,t){!function(e){R().addToCacheList(e),e.length>0&&(self.addEventListener("install",x),self.addEventListener("activate",K))}(e),m(t)},e.skipWaiting=function(){self.addEventListener("install",()=>self.skipWaiting())}}));
diff --git a/docs/workbox-468c4d03.js b/docs/workbox-468c4d03.js
deleted file mode 100644
index ca9d2bf90..000000000
--- a/docs/workbox-468c4d03.js
+++ /dev/null
@@ -1 +0,0 @@
-define("./workbox-468c4d03.js",["exports"],(function(e){"use strict";try{self["workbox:core:5.1.3"]&&_()}catch(e){}const t={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},n=e=>[t.prefix,e,t.suffix].filter(e=>e&&e.length>0).join("-"),s=e=>e||n(t.precache),i=e=>new URL(String(e),location.href).href.replace(new RegExp("^"+location.origin),""),c=(e,...t)=>{let n=e;return t.length>0&&(n+=" :: "+JSON.stringify(t)),n};class o extends Error{constructor(e,t){super(c(e,t)),this.name=e,this.details=t}}const r=new Set;const a=(e,t)=>e.filter(e=>t in e),u=async({request:e,mode:t,plugins:n=[]})=>{const s=a(n,"cacheKeyWillBeUsed");let i=e;for(const e of s)i=await e.cacheKeyWillBeUsed.call(e,{mode:t,request:i}),"string"==typeof i&&(i=new Request(i));return i},l=async({cacheName:e,request:t,event:n,matchOptions:s,plugins:i=[]})=>{const c=await self.caches.open(e),o=await u({plugins:i,request:t,mode:"read"});let r=await c.match(o,s);for(const t of i)if("cachedResponseWillBeUsed"in t){const i=t.cachedResponseWillBeUsed;r=await i.call(t,{cacheName:e,event:n,matchOptions:s,cachedResponse:r,request:o})}return r},h=async({cacheName:e,request:t,response:n,event:s,plugins:c=[],matchOptions:h})=>{const f=await u({plugins:c,request:t,mode:"write"});if(!n)throw new o("cache-put-with-no-response",{url:i(f.url)});const w=await(async({request:e,response:t,event:n,plugins:s=[]})=>{let i=t,c=!1;for(const t of s)if("cacheWillUpdate"in t){c=!0;const s=t.cacheWillUpdate;if(i=await s.call(t,{request:e,response:i,event:n}),!i)break}return c||(i=i&&200===i.status?i:void 0),i||null})({event:s,plugins:c,response:n,request:f});if(!w)return;const d=await self.caches.open(e),p=a(c,"cacheDidUpdate"),y=p.length>0?await l({cacheName:e,matchOptions:h,request:f}):null;try{await d.put(f,w)}catch(e){throw"QuotaExceededError"===e.name&&await async function(){for(const e of r)await e()}(),e}for(const t of p)await t.cacheDidUpdate.call(t,{cacheName:e,event:s,oldResponse:y,newResponse:w,request:f})},f=async({request:e,fetchOptions:t,event:n,plugins:s=[]})=>{if("string"==typeof e&&(e=new Request(e)),n instanceof FetchEvent&&n.preloadResponse){const e=await n.preloadResponse;if(e)return e}const i=a(s,"fetchDidFail"),c=i.length>0?e.clone():null;try{for(const t of s)if("requestWillFetch"in t){const s=t.requestWillFetch,i=e.clone();e=await s.call(t,{request:i,event:n})}}catch(e){throw new o("plugin-error-request-will-fetch",{thrownError:e})}const r=e.clone();try{let i;i="navigate"===e.mode?await fetch(e):await fetch(e,t);for(const e of s)"fetchDidSucceed"in e&&(i=await e.fetchDidSucceed.call(e,{event:n,request:r,response:i}));return i}catch(e){for(const t of i)await t.fetchDidFail.call(t,{error:e,event:n,originalRequest:c.clone(),request:r.clone()});throw e}};let w;async function d(e,t){const n=e.clone(),s={headers:new Headers(n.headers),status:n.status,statusText:n.statusText},i=t?t(s):s,c=function(){if(void 0===w){const e=new Response("");if("body"in e)try{new Response(e.body),w=!0}catch(e){w=!1}w=!1}return w}()?n.body:await n.blob();return new Response(c,i)}try{self["workbox:precaching:5.1.3"]&&_()}catch(e){}function p(e){if(!e)throw new o("add-to-cache-list-unexpected-type",{entry:e});if("string"==typeof e){const t=new URL(e,location.href);return{cacheKey:t.href,url:t.href}}const{revision:t,url:n}=e;if(!n)throw new o("add-to-cache-list-unexpected-type",{entry:e});if(!t){const e=new URL(n,location.href);return{cacheKey:e.href,url:e.href}}const s=new URL(n,location.href),i=new URL(n,location.href);return s.searchParams.set("__WB_REVISION__",t),{cacheKey:s.href,url:i.href}}class y{constructor(e){this.t=s(e),this.s=new Map,this.i=new Map,this.o=new Map}addToCacheList(e){const t=[];for(const n of e){"string"==typeof n?t.push(n):n&&void 0===n.revision&&t.push(n.url);const{cacheKey:e,url:s}=p(n),i="string"!=typeof n&&n.revision?"reload":"default";if(this.s.has(s)&&this.s.get(s)!==e)throw new o("add-to-cache-list-conflicting-entries",{firstEntry:this.s.get(s),secondEntry:e});if("string"!=typeof n&&n.integrity){if(this.o.has(e)&&this.o.get(e)!==n.integrity)throw new o("add-to-cache-list-conflicting-integrities",{url:s});this.o.set(e,n.integrity)}if(this.s.set(s,e),this.i.set(s,i),t.length>0){const e=`Workbox is precaching URLs without revision info: ${t.join(", ")}\nThis is generally NOT safe. Learn more at https://bit.ly/wb-precache`;console.warn(e)}}}async install({event:e,plugins:t}={}){const n=[],s=[],i=await self.caches.open(this.t),c=await i.keys(),o=new Set(c.map(e=>e.url));for(const[e,t]of this.s)o.has(t)?s.push(e):n.push({cacheKey:t,url:e});const r=n.map(({cacheKey:n,url:s})=>{const i=this.o.get(n),c=this.i.get(s);return this.u({cacheKey:n,cacheMode:c,event:e,integrity:i,plugins:t,url:s})});await Promise.all(r);return{updatedURLs:n.map(e=>e.url),notUpdatedURLs:s}}async activate(){const e=await self.caches.open(this.t),t=await e.keys(),n=new Set(this.s.values()),s=[];for(const i of t)n.has(i.url)||(await e.delete(i),s.push(i.url));return{deletedURLs:s}}async u({cacheKey:e,url:t,cacheMode:n,event:s,plugins:i,integrity:c}){const r=new Request(t,{integrity:c,cache:n,credentials:"same-origin"});let a,u=await f({event:s,plugins:i,request:r});for(const e of i||[])"cacheWillUpdate"in e&&(a=e);if(!(a?await a.cacheWillUpdate({event:s,request:r,response:u}):u.status<400))throw new o("bad-precaching-response",{url:t,status:u.status});u.redirected&&(u=await d(u)),await h({event:s,plugins:i,response:u,request:e===t?r:new Request(e),cacheName:this.t,matchOptions:{ignoreSearch:!0}})}getURLsToCacheKeys(){return this.s}getCachedURLs(){return[...this.s.keys()]}getCacheKeyForURL(e){const t=new URL(e,location.href);return this.s.get(t.href)}async matchPrecache(e){const t=e instanceof Request?e.url:e,n=this.getCacheKeyForURL(t);if(n){return(await self.caches.open(this.t)).match(n)}}createHandler(e=!0){return async({request:t})=>{try{const e=await this.matchPrecache(t);if(e)return e;throw new o("missing-precache-entry",{cacheName:this.t,url:t instanceof Request?t.url:t})}catch(n){if(e)return fetch(t);throw n}}}createHandlerBoundToURL(e,t=!0){if(!this.getCacheKeyForURL(e))throw new o("non-precached-url",{url:e});const n=this.createHandler(t),s=new Request(e);return()=>n({request:s})}}let g;const R=()=>(g||(g=new y),g);const q=(e,t)=>{const n=R().getURLsToCacheKeys();for(const s of function*(e,{ignoreURLParametersMatching:t,directoryIndex:n,cleanURLs:s,urlManipulation:i}={}){const c=new URL(e,location.href);c.hash="",yield c.href;const o=function(e,t=[]){for(const n of[...e.searchParams.keys()])t.some(e=>e.test(n))&&e.searchParams.delete(n);return e}(c,t);if(yield o.href,n&&o.pathname.endsWith("/")){const e=new URL(o.href);e.pathname+=n,yield e.href}if(s){const e=new URL(o.href);e.pathname+=".html",yield e.href}if(i){const e=i({url:c});for(const t of e)yield t.href}}(e,t)){const e=n.get(s);if(e)return e}};let U=!1;function m(e){U||((({ignoreURLParametersMatching:e=[/^utm_/],directoryIndex:t="index.html",cleanURLs:n=!0,urlManipulation:i}={})=>{const c=s();self.addEventListener("fetch",s=>{const o=q(s.request.url,{cleanURLs:n,directoryIndex:t,ignoreURLParametersMatching:e,urlManipulation:i});if(!o)return;let r=self.caches.open(c).then(e=>e.match(o)).then(e=>e||fetch(o));s.respondWith(r)})})(e),U=!0)}const v=[],L={get:()=>v,add(e){v.push(...e)}},x=e=>{const t=R(),n=L.get();e.waitUntil(t.install({event:e,plugins:n}).catch(e=>{throw e}))},K=e=>{const t=R();e.waitUntil(t.activate())};e.clientsClaim=function(){self.addEventListener("activate",()=>self.clients.claim())},e.precacheAndRoute=function(e,t){!function(e){R().addToCacheList(e),e.length>0&&(self.addEventListener("install",x),self.addEventListener("activate",K))}(e),m(t)},e.skipWaiting=function(){self.addEventListener("install",()=>self.skipWaiting())}}));
diff --git a/package.json b/package.json
index b08edd200..e67bab292 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@easylogic/editor",
-  "version": "0.9.52",
+  "version": "0.9.53",
   "description": "Fantastic Web Design Tool ",
   "main": "./dist/editor.js",
   "directories": {
diff --git a/src/assets/extension/manifest.json b/src/assets/extension/manifest.json
index ff6035e20..822c0152e 100644
--- a/src/assets/extension/manifest.json
+++ b/src/assets/extension/manifest.json
@@ -1,6 +1,6 @@
 {
   "manifest_version": 2,
-  "version": "0.9.52",
+  "version": "0.9.53",
   "name": "EasyLogic Studio",
   "description": "Fantastic Web Design Tool ",
   "author": "easylogic",
diff --git a/src/assets/whale/manifest.json b/src/assets/whale/manifest.json
index 5bae622f8..d0aaad00a 100644
--- a/src/assets/whale/manifest.json
+++ b/src/assets/whale/manifest.json
@@ -1,6 +1,6 @@
 {
   "manifest_version": 2,
-  "version": "0.9.52",
+  "version": "0.9.53",
   "name": "EasyLogic Studio",
   "description": "Fantastic Web Design Tool, Web 디자인 툴  ",
   "author": "easylogic",